Fixed the alignment in service-location page
This commit is contained in:
sheena 2023-05-08 15:41:57 +05:30
parent 5dc5dbe0c6
commit b071bbd366
2 changed files with 6 additions and 2 deletions

View file

@ -4,7 +4,7 @@
:class=" :class="
isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question' isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question'
"> ">
<div v-if="questionText && answers && answers.length > 0" class="question-text" <div v-if="questionText && answers && answers.length > 0" class="question-text d-flex"
:class="{'small-question-text': isSmallQuestionText,'small-question-label-text':isSmallQuestionLabelText}"> :class="{'small-question-text': isSmallQuestionText,'small-question-label-text':isSmallQuestionLabelText}">
<span class="fw-bold w-100">{{ questionText }}</span> <span class="fw-bold w-100">{{ questionText }}</span>
</div> </div>
@ -246,7 +246,6 @@ export default {
margin-top: 1.5rem; margin-top: 1.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1rem; font-size: 1rem;
text-align:center;
line-height: 1.625rem; line-height: 1.625rem;
& > span { & > span {

View file

@ -262,6 +262,11 @@ export default {
.service-location-button-question { .service-location-button-question {
.question-text { .question-text {
margin-top: 1.5rem; margin-top: 1.5rem;
span {
text-align: center;
}
} }
} }
</style> </style>