styling fixes WIP

This commit is contained in:
Katie Kroell 2023-08-10 14:58:17 -04:00
parent 6d827e3f65
commit d552915d28

View file

@ -29,7 +29,7 @@
</div> </div>
<div <div
ref="secondaryText" ref="secondaryText"
class="text-center mt-4 fw-bold text-black" class="text-center mt-4 mb-1 fw-bold text-black"
v-html="secondaryText"> v-html="secondaryText">
</div> </div>
<div <div
@ -39,7 +39,7 @@
</div> </div>
<div <div
v-if="displayQuote" v-if="displayQuote"
class="d-flex justify-content-center cost mb-5"> class="d-flex justify-content-center cost mb-0">
{{ formattedServicePrice }} {{ formattedServicePrice }}
</div> </div>
<div <div
@ -68,8 +68,8 @@
</div> </div>
<buttonQuestion <buttonQuestion
v-if="displayQuote" v-if="displayQuote"
id="coverage-button-question"
v-model="selectedProvider" v-model="selectedProvider"
class="coverage-button-question"
cmsWidgetName="ServiceProviderQuestion" cmsWidgetName="ServiceProviderQuestion"
:questionText="questionText" :questionText="questionText"
:answers="answersFromCms" :answers="answersFromCms"
@ -429,20 +429,17 @@ export default {
color: $green; color: $green;
font-size: 32px; font-size: 32px;
font-weight: 300; font-weight: 300;
margin-bottom: 24px;
line-height: 44px; line-height: 44px;
} }
#coverage-button-question { .coverage-button-question {
.question-text { .question-text {
margin-bottom: 8px; margin-bottom: 8px;
} & > span {
.question-text > span { text-align: left !important;
text-align: left; }
line-height: 24px; }
}
} }
.deductible-modal { .deductible-modal {
p { p {
margin-bottom: 0px; margin-bottom: 0px;