From 67216a7a6fd8e6497901b27dcddc359034503439 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Wed, 3 May 2023 16:21:40 +0530
Subject: [PATCH] SSR-411

Updated alignment for the button
---
 .../site-footer/site-footer.vue               |  6 +++---
 .../coverage-statement/coverage-statement.vue |  7 ++++---
 .../policy-holder-details.vue                 |  4 ++--
 .../provider-preference.vue                   |  2 +-
 .../service-location/service-location.vue     |  6 +++---
 src/layouts/vehicle-damage/vehicle-damage.vue |  2 +-
 src/layouts/vehicle-make/vehicle-make.vue     |  4 ++--
 src/layouts/vehicle-model/vehicle-model.vue   |  4 ++--
 src/layouts/vehicle-style/vehicle-style.vue   |  4 ++--
 src/layouts/vehicle-year/vehicle-year.vue     |  4 ++--
 .../vin-location-information.vue              |  2 +-
 src/layouts/welcome-page/welcome-page.vue     | 20 +++++++++----------
 12 files changed, 33 insertions(+), 32 deletions(-)

diff --git a/src/iss-components/site-footer/site-footer.vue b/src/iss-components/site-footer/site-footer.vue
index 5cd5c09d..6d11a345 100644
--- a/src/iss-components/site-footer/site-footer.vue
+++ b/src/iss-components/site-footer/site-footer.vue
@@ -1,8 +1,8 @@
 <template>
     
-    <footer class="footer container-fluid  g-5  py-4" id="infoBox">
+    <footer class="footer container-fluid  g-5 px-0  py-3 " id="infoBox">
         <div class="row d-flex flex-row-reverse align-items-center vw-100 mx-0">
-            <div class="col button-col d-flex" id="stacked" >
+            <div class="col button-col d-flex px-0" id="stacked" >
                 <buttonMain
                     v-if="!isForwardButtonHidden"
                     ref="buttonMain"
@@ -17,7 +17,7 @@
                     data-bs-dismiss="modal"
                     data-test-id="site-footer-main-button" />
             </div>
-            <div v-if="!isBackButtonHidden" class="col-auto link-col py-1 text-break">
+            <div v-if="!isBackButtonHidden" class="col-auto link-col py-1 px-0 text-break">
                 <textLink
                     linkType="navigation"
                     :text="backLink"
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 693cec35..20f86f32 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -7,7 +7,7 @@
                   <div class="container-fluid pb-2">
                       <div class="row px-3">
                           <div class="col">
-                              <div class="select-car-form rounded">
+                              <div class="select-car-form rounded pb-1">
                                   <textBlock
                                   cmsWidgetName="verifyingCoverageStatement"
                                   typeStyle="h5"
@@ -28,14 +28,15 @@
                                   </div>
                                   
                                   <steeringText  cmsWidgetName="MASteeringText" ></steeringText>
-                                  <siteFooter
+                                 
+                              </div>
+                              <siteFooter
                                   cmsWidgetName="SiteFooterWidget"
                                   :isForwardActionDisabled="!meta.valid"
                                   @backClicked="navigateBack"
                                   @forwardClicked="forwardButtonAction"
                                   ref="siteFooter"
                                   />
-                              </div>
                           </div>
                       </div>
                   </div>
diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue
index 078f4c86..5ad26018 100644
--- a/src/layouts/policy-holder-details/policy-holder-details.vue
+++ b/src/layouts/policy-holder-details/policy-holder-details.vue
@@ -3,8 +3,8 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <div class="container-fluid pb-2">
-                    <div class="row mt-4 px-3 mb-2">
+                <div class="container-fluid pb-2 px-5">
+                    <div class="row mt-4 mb-3">
                         <div class="col">
                             <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" id="sub-header"/>
                             <addressQuestions ref="addressQuestions" v-model="customerQuestions.addressQuestions" includeStreetAddress2="true" id="address-questions-wrapper"/>
diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index eb049925..5c049255 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -4,7 +4,7 @@
           ref="theForm"  
           v-slot="{ meta }" >
         <div class="page-container-grouped-styles">
-            <div class="fade-on-route-transition position-relative">
+            <div class="fade-on-route-transition position-relative px-5">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
                 <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" class="mt-4"/>
                 <button v-on:click="forwardButtonAction">Temp Forward Button</button>
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index cb04f68a..975c6918 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -30,9 +30,9 @@
                                         v-model="selectedAppointmentType"
                                         validationRules="selection-required"
                                         class="service-location-button-question mb-1"/>
-                                    <div class="select-car">
-                                        <div class="container-fluid pb-2">
-                                            <div class="row px-3">
+                                    <div class="select-car pt-1">
+                                        <div class="container-fluid px-0 pb-2">
+                                            <div class="row">
                                                 <div class="col">
                                                     <div class="select-car-form rounded">
                                                         <siteFooter
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 0f3b336f..f01ff4a4 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -29,7 +29,7 @@
                             :hasRepairReplaceConflict="hasRepairReplaceConflict"
                             :hasSplitSingleConflict="hasSplitSingleConflict"
                             :selectedDamageLocations="selectedDamageLocations"
-                            class="mb-1" />
+                            class="mb-3" />
                             <alert
                             v-if="hasRepairReplaceConflict"
                             class="my-5"
diff --git a/src/layouts/vehicle-make/vehicle-make.vue b/src/layouts/vehicle-make/vehicle-make.vue
index 2c48f36a..c76151cc 100644
--- a/src/layouts/vehicle-make/vehicle-make.vue
+++ b/src/layouts/vehicle-make/vehicle-make.vue
@@ -3,13 +3,13 @@
         <div class="fade-on-route-transition position-relative">
             <siteHeader cmsWidgetName="SiteHeaderWidget" />
             <div class="select-car">
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 px-5">
                     <div class="row">
                         <div class="col">
                             <div class="select-car-form rounded text-center">
                                 <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mb-3" />
                                 <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" :hasBackButton="true" @click-event="backButtonAction" />
-                                <makeQuestion class="px-4" v-model="selectedMake" ref="makeQuestion" cmsWidgetName="VehicleMakeQuestion" />
+                                <makeQuestion v-model="selectedMake" ref="makeQuestion" cmsWidgetName="VehicleMakeQuestion" />
                                 <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" @back-clicked="backButtonAction" :isForwardButtonHidden="shouldHideForwardButton" />
                             </div>
                         </div>
diff --git a/src/layouts/vehicle-model/vehicle-model.vue b/src/layouts/vehicle-model/vehicle-model.vue
index 4fba014f..ca9f8c8c 100644
--- a/src/layouts/vehicle-model/vehicle-model.vue
+++ b/src/layouts/vehicle-model/vehicle-model.vue
@@ -3,13 +3,13 @@
         <div class="fade-on-route-transition position-relative">
             <siteHeader cmsWidgetName="SiteHeaderWidget" />
             <div class="select-car">
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 px-5">
                     <div class="row">
                         <div class="col">
                             <div class="select-car-form rounded text-center">
                                 <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mb-3" />
                                 <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" :hasBackButton="true" :backButtonAccessibleText="backButtonAccessibleText" @click-event="backButtonAction" />
-                                <modelQuestion v-model="selectedModel" ref="modelQuestion" cmsWidgetName="VehicleModelQuestion" class="px-4" />
+                                <modelQuestion v-model="selectedModel" ref="modelQuestion" cmsWidgetName="VehicleModelQuestion"  />
                                 <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" @back-clicked="backButtonAction" :isForwardButtonHidden="shouldHideForwardButton" />
                             </div>
                         </div>
diff --git a/src/layouts/vehicle-style/vehicle-style.vue b/src/layouts/vehicle-style/vehicle-style.vue
index fa10e553..3a85adea 100644
--- a/src/layouts/vehicle-style/vehicle-style.vue
+++ b/src/layouts/vehicle-style/vehicle-style.vue
@@ -3,13 +3,13 @@
         <div class="fade-on-route-transition position-relative">
             <siteHeader cmsWidgetName="SiteHeaderWidget" />
             <div class="select-car">
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 px-5">
                     <div class="row">
                         <div class="col">
                             <div class="select-car-form rounded text-center">
                                 <vehicleBanner cmsWidgetName="VehicleBannerWidget" class="mb-3" displayGenericVehicleImage />
                                 <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" :hasBackButton="true" :backButtonAccessibleText="backButtonAccessibleText" @click-event="backButtonAction" />
-                                <styleQuestion v-model="selectedStyle" ref="styleQuestion" cmsWidgetName="VehicleStyleQuestion" class="px-4" />
+                                <styleQuestion v-model="selectedStyle" ref="styleQuestion" cmsWidgetName="VehicleStyleQuestion" />
                                 <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" @back-clicked="backButtonAction" :isForwardButtonHidden="shouldHideForwardButton" />
                             </div>
                         </div>
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index fe9b41fa..4fd9c626 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -3,13 +3,13 @@
         <div class="fade-on-route-transition position-relative">
             <siteHeader cmsWidgetName="SiteHeaderWidget" />
             <div class="select-car">
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 px-5">
                     <div class="row">
                         <div class="col">
                             <div class="select-car-form rounded text-center">
                                 <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mb-3" />
                                 <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
-                                <yearQuestion class="px-4" v-model="selectedYear" ref="yearQuestion" cmsWidgetName="VehicleYearQuestion" />
+                                <yearQuestion  v-model="selectedYear" ref="yearQuestion" cmsWidgetName="VehicleYearQuestion" />
                                 <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" @back-clicked="backButtonAction" :isForwardButtonHidden="shouldHideForwardButton" />
                             </div>
                         </div>
diff --git a/src/layouts/vin-lookup/vin-location-information/vin-location-information.vue b/src/layouts/vin-lookup/vin-location-information/vin-location-information.vue
index 3ca346db..bec9bcdc 100644
--- a/src/layouts/vin-lookup/vin-location-information/vin-location-information.vue
+++ b/src/layouts/vin-lookup/vin-location-information/vin-location-information.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="vin-location-information mt-2 mb-2">
+  <div class="vin-location-information mt-2 mb-3">
     <div
       class="vin-toggle"
       :class="[isVinLocationDetailVisible ? 'active' : '']"
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index d9c5c86a..4979b279 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -3,9 +3,9 @@
         <div class="page-container-grouped-styles welcome">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-4"/>
-                <div class="container-fluid pb-2">
-                    <div class="row mt-5 px-3">
+                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
+                <div class="container-fluid px-5">
+                    <div class="row mt-4">
                         <div class="col">
                             <textboxQuestion
                             inputId="policyNumberField"
@@ -18,7 +18,7 @@
                             validationRules="policy-number-required" />
                         </div>
                     </div>
-                    <div class="row mt-4 px-3" v-if="this.displayPolicyZip">
+                    <div class="row mt-4 " v-if="this.displayPolicyZip">
                         <div class="col">
                             <textboxQuestion
                             inputId="policyZipCode"
@@ -27,7 +27,7 @@
                             ref="policyZip" />
                         </div>
                     </div>
-                    <div class="row mt-4 px-3">
+                    <div class="row mt-4">
                         <div class="col">
                             <textboxQuestion
                             type="date"
@@ -48,7 +48,7 @@
                             <textBlock cmsWidgetName="DamageDateEstimateWidget" typeStyle="small" class="mt-2" />
                         </div>
                     </div>
-                    <div class="row mt-4 px-3">
+                    <div class="row mt-4">
                         <div class="col">
                             <dropdownQuestion
                             cmsWidgetName="DamageCauseQuestion"
@@ -63,7 +63,7 @@
                             />
                         </div>
                     </div>
-                    <div class="row mt-4 px-3">
+                    <div class="row mt-4 ">
                         <div class="col">
                             <textboxQuestion
                             inputId="phoneNumberField"
@@ -76,7 +76,7 @@
                             disableAutoFill />
                         </div>
                     </div>
-                    <div class="row mt-4 px-3">
+                    <div class="row mt-4">
                         <div class="col">
                             <textboxQuestion
                             inputId="emailField"
@@ -88,7 +88,7 @@
                             disableAutoFill />
                         </div>
                     </div>
-                    <div class="row px-3" >
+                    <div class="row">
                         <div class="col">
                             <textboxQuestion
                             class="mt-4"
@@ -120,7 +120,7 @@
                             />
                         </div>
                     </div>
-                    <div class="row mb-2 ">
+                    <div class="row mb-3">
                         <buttonQuestion
                         class="px-0 mt-4"
                         cmsWidgetName="GlassOnlyQuestion"