From 16c359ac186badfe9774bcbd6d1f821eef433c69 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 13 Oct 2023 14:30:00 -0400
Subject: [PATCH] Fix alert width for questions component.

---
 .../questions-page-layout.vue                 | 47 ++++++++++---------
 1 file changed, 25 insertions(+), 22 deletions(-)

diff --git a/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue b/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
index 638094e05..94456233d 100644
--- a/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
+++ b/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
@@ -10,40 +10,43 @@
             <div class="row justify-content-md-center">
                 <div class="col-md-6">
                     <vehicleBanner
-                        cmsWidgetName="VehicleBannerWidget"
-                        :displayGenericVehicleImage="false" />
+                    cmsWidgetName="VehicleBannerWidget"
+                    :displayGenericVehicleImage="false" />
 
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
-
+                </div>
+            </div>
+            <div class="row justify-content-md-center">
+                <div class="col-md-6 col-xl-4">
                     <alert
-                        ref="alertFewMoreQuestions"
-                        cmsWidgetName="alertWidget"
-                        class="my-5"
-                        alertClass="alert-warning"
-                        :manualHeadline="alertFewMoreQuestionsHeader"
-                        :manualCopy="alertFewMoreQuestionsCopy"
-                        v-bind:isDismissible="false" />
+                    ref="alertFewMoreQuestions"
+                    cmsWidgetName="alertWidget"
+                    class="my-5"
+                    alertClass="alert-warning"
+                    :manualHeadline="alertFewMoreQuestionsHeader"
+                    :manualCopy="alertFewMoreQuestionsCopy"
+                    v-bind:isDismissible="false" />
                 </div>
             </div>
             <div class="row justify-content-md-center">
                 <div class="col-md-6 col-xl-4">
                     <div v-for="(questionsDatum, i) in questionsData" :key="questionsDatum.key">
                         <questionChain
-                            ref="questionChain"
-                            v-model="selectedAnswers[questionsDatum.answerKey]"
-                            :questionData="questionsDatum.questions"
-                            :index="i"
-                            v-if="showThisQuestionChain(questionsDatum, i)"
-                            :answerKey="questionsDatum.answerKey"
-                            :validationRules="validationRules" />
+                        ref="questionChain"
+                        v-model="selectedAnswers[questionsDatum.answerKey]"
+                        :questionData="questionsDatum.questions"
+                        :index="i"
+                        v-if="showThisQuestionChain(questionsDatum, i)"
+                        :answerKey="questionsDatum.answerKey"
+                        :validationRules="validationRules" />
                     </div>
 
                     <navbar
-                        ref="navbar"
-                        cmsWidgetName="FunnelFooterWidget"
-                        :isForwardActionDisabled="!isMetaValid"
-                        @back-clicked="handleBackButtonAction"
-                        @ForwardClicked="handleForwardButtonAction" />
+                    ref="navbar"
+                    cmsWidgetName="FunnelFooterWidget"
+                    :isForwardActionDisabled="!isMetaValid"
+                    @back-clicked="handleBackButtonAction"
+                    @ForwardClicked="handleForwardButtonAction" />
                 </div>
             </div>
         </div>