From 755109e1009516be796f75bb9b72e9cfc4744ea2 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Fri, 5 May 2023 17:04:21 +0530
Subject: [PATCH 1/2] SSR-454

---
 src/digital-components/button-question/button-question.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

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

From b071bbd36604f0a812e771640e639fb0b5202fb6 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Mon, 8 May 2023 15:41:57 +0530
Subject: [PATCH 2/2] SSR-454

Fixed the alignment in service-location page
---
 src/digital-components/button-question/button-question.vue | 3 +--
 src/layouts/service-location/service-location.vue          | 5 +++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index e2257112..d36cac83 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -4,7 +4,7 @@
         :class="
             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}">
             <span class="fw-bold w-100">{{ questionText }}</span>
         </div>
@@ -246,7 +246,6 @@ export default {
     margin-top: 1.5rem;
     margin-bottom: 1rem;
     font-size: 1rem;
-    text-align:center;
     line-height: 1.625rem;
 
     & > span {
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index ab42ce9b..eac6e7ec 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -262,6 +262,11 @@ export default {
 .service-location-button-question {
     .question-text {
         margin-top: 1.5rem;
+                
+        span {
+            text-align: center;
+        }
+        
     }
 }
 </style>