From d9ab9a43eb62cc439c0d33f37f87b0556b5cfa02 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Mon, 3 Apr 2023 16:25:27 -0400
Subject: [PATCH 01/14] padding changes

---
 .../glass-part-question/glass-part-question.vue     | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
index 123d5652..1ea141ff 100644
--- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
+++ b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
@@ -4,7 +4,7 @@
     </div>
     <div class="nested-radio">
         <div class="row my-2">
-            <div class="col mx-1">
+            <div class="col">
                 <buttonQuestion
                     v-model="selectedTint"
                     :answers="tintSelectionOptions"
@@ -17,6 +17,7 @@
                     <div class="row my-2" aria-live="polite">
                         <div class="col">
                             <buttonQuestion
+                                id="vehicle-parts-question"
                                 v-model="selectedPartNumber"
                                 buttonTypeString="radio"
                                 class="radioQuestion"
@@ -243,4 +244,14 @@ export default {
     color: $black;
     font-weight: $font-weight-bold;
 }
+
+fieldset.px-5 {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}
+
+div.question-text.d-flex.px-5.small-question-text {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}
 </style>

From 1bc6c3e03ca9478f5b600877a9d0e36625ea714e Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 4 Apr 2023 10:24:55 -0400
Subject: [PATCH 02/14] undo update

---
 .../glass-part-question/glass-part-question.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
index 1ea141ff..1ca83650 100644
--- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
+++ b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
@@ -17,7 +17,6 @@
                     <div class="row my-2" aria-live="polite">
                         <div class="col">
                             <buttonQuestion
-                                id="vehicle-parts-question"
                                 v-model="selectedPartNumber"
                                 buttonTypeString="radio"
                                 class="radioQuestion"
@@ -245,13 +244,13 @@ export default {
     font-weight: $font-weight-bold;
 }
 
-fieldset.px-5 {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
+// fieldset.px-5 {
+//     padding-left: 0 !important;
+//     padding-right: 0 !important;
+// }
 
-div.question-text.d-flex.px-5.small-question-text {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
+// div.question-text.d-flex.px-5.small-question-text {
+//     padding-left: 0 !important;
+//     padding-right: 0 !important;
+// }
 </style>

From 630f42ba78e0b1d8b0a7d57544ff7b4d40987ad4 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 4 Apr 2023 10:25:09 -0400
Subject: [PATCH 03/14] add missing class

---
 src/layouts/vehicle-parts/vehicle-parts.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index d65a8cfd..47b1ef8e 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -1,6 +1,6 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
-        <div class="page-container-grouped-styles vehicle-parts">
+        <div class="page-container-grouped-styles vehicle-parts small-question-text">
             <siteHeader ref="siteHeader" cmsWidgetName="SiteHeaderWidget" />
             <div class="fade-on-route-transition sub-container overflow-scroll px-5">
                 <vehicleBanner

From 5e34d05656ae0b8b68ec659d6373f3602e5df1ac Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 4 Apr 2023 10:50:51 -0400
Subject: [PATCH 04/14] restructure page to match fmg

---
 src/layouts/vehicle-parts/vehicle-parts.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 47b1ef8e..7ab23af7 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -2,13 +2,12 @@
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
         <div class="page-container-grouped-styles vehicle-parts small-question-text">
             <siteHeader ref="siteHeader" cmsWidgetName="SiteHeaderWidget" />
-            <div class="fade-on-route-transition sub-container overflow-scroll px-5">
-                <vehicleBanner
-                    class="mb-3"
+            <vehicleBanner
                     ref="vehicleBanner"
                     cmsWidgetName="VehicleBannerWidget"
                     :displayGenericVehicleImage="false" />
-                <siteSubHeader ref="siteSubHeader" cmsWidgetName="SiteSubHeaderWidget" />
+            <siteSubHeader ref="siteSubHeader" cmsWidgetName="SiteSubHeaderWidget" />
+            <div class="fade-on-route-transition sub-container make-tall px-5">
                 <div class="prevent-squish my-5">
                     <div class="row">
                         <div class="col">

From b6557116016d9e12f2c06c25e39c4dc619f3e182 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 4 Apr 2023 14:46:56 -0400
Subject: [PATCH 05/14] removed commented out code

---
 .../glass-part-question/glass-part-question.vue          | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
index 1ca83650..2a49bbb7 100644
--- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
+++ b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
@@ -244,13 +244,4 @@ export default {
     font-weight: $font-weight-bold;
 }
 
-// fieldset.px-5 {
-//     padding-left: 0 !important;
-//     padding-right: 0 !important;
-// }
-
-// div.question-text.d-flex.px-5.small-question-text {
-//     padding-left: 0 !important;
-//     padding-right: 0 !important;
-// }
 </style>

From 98bca0eff8460ace6999fcaa6cd34805722ab5ec Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 4 Apr 2023 15:54:29 -0400
Subject: [PATCH 06/14] undo changes

---
 src/layouts/vehicle-parts/vehicle-parts.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 7ab23af7..73051a47 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -2,12 +2,13 @@
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
         <div class="page-container-grouped-styles vehicle-parts small-question-text">
             <siteHeader ref="siteHeader" cmsWidgetName="SiteHeaderWidget" />
-            <vehicleBanner
-                    ref="vehicleBanner"
-                    cmsWidgetName="VehicleBannerWidget"
-                    :displayGenericVehicleImage="false" />
-            <siteSubHeader ref="siteSubHeader" cmsWidgetName="SiteSubHeaderWidget" />
-            <div class="fade-on-route-transition sub-container make-tall px-5">
+            <div class="fade-on-route-transition sub-container overflow-scroll px-5">
+                <vehicleBanner
+                        class="mb-3"
+                        ref="vehicleBanner"
+                        cmsWidgetName="VehicleBannerWidget"
+                        :displayGenericVehicleImage="false" />
+                <siteSubHeader ref="siteSubHeader" cmsWidgetName="SiteSubHeaderWidget" />
                 <div class="prevent-squish my-5">
                     <div class="row">
                         <div class="col">

From e218da2844d60df23798b815b4b0a096b1346e72 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 4 Apr 2023 16:29:26 -0400
Subject: [PATCH 07/14] move styling from shared component to page-level

---
 .../button-question/button-question.vue       |  4 +-
 .../address-vehicles/address-vehicles.vue     | 74 ++++++++-----------
 src/layouts/vehicle-damage/vehicle-damage.vue |  2 +-
 src/layouts/vehicle-lookup/vehicle-lookup.vue |  2 +-
 4 files changed, 34 insertions(+), 48 deletions(-)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 03253171..63dde223 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -4,14 +4,14 @@
         :class="
             isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question'
         ">
-        <div v-if="questionText && answers && answers.length > 0" class="question-text d-flex px-5" 
+        <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>
 
         <div class="w-100 d-flex justify-content-center">
             <fieldset
-                class="w-100 px-5"
+                class="w-100"
                 :aria-required="isRequired"
                 :class="getFieldSetClasses"
                 :role="isMultiSelect ? 'group' : 'radiogroup'"
diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index 11c982da..5d1d09e9 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -3,18 +3,15 @@
     @submit="onSubmit"
     @invalidSubmit="onInvalidSubmit"
     ref="theForm"
-    v-slot="{ meta }"
-  >
-    <div class="page-container-grouped-styles ">
+    v-slot="{ meta }">
+    <div class="page-container-grouped-styles">
       <siteHeader cmsWidgetName="SiteHeaderWidget" />
-      <vehicleBanner
-        class="mb-3"
-        cmsWidgetName="VehicleBannerWidget"
-        :displayGenericVehicleImage="false"
-      />
-      <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
-
-      <div class="px-5 ">
+      <div class="fade-on-route-transition sub-container overflow-scroll px-5">
+        <vehicleBanner
+          class="mb-3"
+          cmsWidgetName="VehicleBannerWidget"
+          :displayGenericVehicleImage="false" />
+        <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
         <alert
           cmsWidgetName="FoundMultipleVehicles"
           ref="alertFoundMultipleVehicles"
@@ -23,27 +20,19 @@
           :manualHeadline="AlertFoundMultipleVehiclesHeader"
           manualCopy=""
           v-bind:isDismissible="false"
-          id="multiple-vehicles-alert"
-        />
-      </div>
-        <div class="overflow-scroll">
-      <addressVehiclesQuestion
-        ref="addressVehiclesQuestion"
-        cmsWidgetName="VehicleConfirmationQuestion"
-        :vehicles="VehiclesForQuestions"
-        :vehicleSelected ="VehicleSelected"
-        validationRules="vehicle-required"
-        v-model="selectedVehicleVin"
-        :isCarIdDifferent="isCarIdDifferent"
-        :displayMatchedDifferentVehicleAlert = "displayMatchedDifferentVehicleAlert"
-        :displayMatchedTwoIdenticalYMMVehicleAlert = "displayMatchedTwoIdenticalYMMVehicleAlert"
-      
-      />
-      
-      <div
-        class="alert-provide-vin my-3 px-5"
-        v-if="splitAlertProvideVinBodyForLink.length"
-      >
+          id="multiple-vehicles-alert" />
+        <addressVehiclesQuestion
+          ref="addressVehiclesQuestion"
+          cmsWidgetName="VehicleConfirmationQuestion"
+          :vehicles="VehiclesForQuestions"
+          :vehicleSelected ="VehicleSelected"
+          validationRules="vehicle-required"
+          v-model="selectedVehicleVin"
+          :isCarIdDifferent="isCarIdDifferent"
+          :displayMatchedDifferentVehicleAlert = "displayMatchedDifferentVehicleAlert"
+          :displayMatchedTwoIdenticalYMMVehicleAlert = "displayMatchedTwoIdenticalYMMVehicleAlert" />
+      <div class="alert-provide-vin my-3 px-5"
+        v-if="splitAlertProvideVinBodyForLink.length">
         <span v-for="copy in splitAlertProvideVinBodyForLink" :key="copy">
           <span v-if="doesCopyContainRouterLink(copy)" class="text-body">
             <router-link
@@ -51,21 +40,19 @@
                 query: { issPage: `${getRouterLinkRouteFromCopy(copy)}` },
                 name: 'root',
               }"
-              >{{ getRouterLinkDisplayTextFromCopy(copy) }}</router-link
-            >
+              >{{ getRouterLinkDisplayTextFromCopy(copy) }}</router-link >
           </span>
           <span v-else class="m-0 text-body" v-html="copy"></span>
         </span>
       </div>
+      <siteFooter
+        cmsWidgetName="SiteFooterWidget"
+        :isForwardActionDisabled="!meta.valid"
+        @backClicked="backButtonAction"
+        @forwardClicked="forwardButtonAction"
+        ref="siteFooter" />
+      </div>
     </div>
-  </div>
-    <siteFooter
-      cmsWidgetName="SiteFooterWidget"
-      :isForwardActionDisabled="!meta.valid"
-      @backClicked="backButtonAction"
-      @forwardClicked="forwardButtonAction"
-      ref="siteFooter"
-    />
   </Form>
 </template>
 
@@ -304,8 +291,7 @@ export default {
   margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body text
 }
 .overflow-scroll {    
-    height: calc(100% - 432px);   
+    height: calc(100% - 180px);   
     overflow-X: hidden !important;
-   
 }
 </style>
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 8d525fa7..41160435 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -2,7 +2,7 @@
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <div class="page-container-grouped-styles vehicle-damage">
             <siteHeader cmsWidgetName="SiteHeaderWidget" />
-            <div class="fade-on-route-transition sub-container overflow-scroll">
+            <div class="fade-on-route-transition sub-container overflow-scroll px-5">
                 <alert
                     ref="vehicleChangeAlert"
                     v-if="shouldDisplayVehicleChangeAlert"
diff --git a/src/layouts/vehicle-lookup/vehicle-lookup.vue b/src/layouts/vehicle-lookup/vehicle-lookup.vue
index 7c5b1ea8..45f603da 100644
--- a/src/layouts/vehicle-lookup/vehicle-lookup.vue
+++ b/src/layouts/vehicle-lookup/vehicle-lookup.vue
@@ -7,7 +7,7 @@
       <SiteHeader
         cms-widget-name="SiteHeaderWidget"
       />
-      <div class="fade-on-route-transition sub-container  overflow-scroll container gx-0">
+      <div class="fade-on-route-transition sub-container overflow-scroll container gx-0 px-5">
         <VehicleBanner
             class="mb-3"
             cms-widget-name="VehicleBannerWidget"

From 928a56cb82bb848afc28dcc9286c7f80450d4a27 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 4 Apr 2023 16:42:31 -0400
Subject: [PATCH 08/14] vehicle-parts page-specific styling

---
 .../glass-part-question/glass-part-question.vue        | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
index 2a49bbb7..d304f2a6 100644
--- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
+++ b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
@@ -17,6 +17,7 @@
                     <div class="row my-2" aria-live="polite">
                         <div class="col">
                             <buttonQuestion
+                                id="glass-part-question"
                                 v-model="selectedPartNumber"
                                 buttonTypeString="radio"
                                 class="radioQuestion"
@@ -244,4 +245,13 @@ export default {
     font-weight: $font-weight-bold;
 }
 
+#glass-part-question {
+    span.fw-bold.w-100 {
+        margin-top: 0.5rem;
+        margin-bottom: 0;
+    }
+    div.col.radio-button-container {
+        padding-bottom: 0;
+    }
+}
 </style>

From 50db63782435e8b3641c0955ef1960813b2e9322 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Tue, 4 Apr 2023 17:10:09 -0400
Subject: [PATCH 09/14] fix padding

---
 src/layouts/address-vehicles/address-vehicles.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index 5d1d09e9..a8562eca 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -31,7 +31,7 @@
           :isCarIdDifferent="isCarIdDifferent"
           :displayMatchedDifferentVehicleAlert = "displayMatchedDifferentVehicleAlert"
           :displayMatchedTwoIdenticalYMMVehicleAlert = "displayMatchedTwoIdenticalYMMVehicleAlert" />
-      <div class="alert-provide-vin my-3 px-5"
+      <div class="alert-provide-vin my-3"
         v-if="splitAlertProvideVinBodyForLink.length">
         <span v-for="copy in splitAlertProvideVinBodyForLink" :key="copy">
           <span v-if="doesCopyContainRouterLink(copy)" class="text-body">

From 6544078f995d733466e6d39c30e8b3eb2b664f36 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 5 Apr 2023 10:44:03 -0400
Subject: [PATCH 10/14] correct spacing around alerts on vin-lookup

---
 src/layouts/vin-lookup/vin-lookup.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 602196f0..31fe2ec0 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -9,7 +9,7 @@
         cmsWidgetName="SiteHeaderWidget"
         />
         <div class="px-4  overflow-scroll ">
-            <div class="fade-on-route-transition sub-container px-2 mt-5">
+            <div class="fade-on-route-transition sub-container px-2">
                 <vehicleBanner
                 class="mb-3"
                 cmsWidgetName="VehicleBannerWidget"
@@ -19,6 +19,7 @@
                 cmsWidgetName="SiteSubHeaderWidget"
                 />
                 <vinLookupAlerts
+                class="mt-5"
                 :activeAlertType="activeVehicleLookupAlertType"
                 />
 

From a05a4ac1d3646455ef76340193ae57409a146b45 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 5 Apr 2023 11:07:47 -0400
Subject: [PATCH 11/14] correct padding around alert

---
 .../address-vehicles-question/address-vehicles-question.vue     | 2 +-
 src/layouts/address-vehicles/address-vehicles.vue               | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue b/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue
index 42d13c2d..3e9a3ecb 100644
--- a/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue
+++ b/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="px-5">
+    <div>
         <alert
             ref="differentVehicleAlert"
             v-if="displayMatchedDifferentVehicleAlert"
diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index a8562eca..69593ea4 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -290,6 +290,7 @@ export default {
 #multiple-vehicles-alert p {
   margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body text
 }
+
 .overflow-scroll {    
     height: calc(100% - 180px);   
     overflow-X: hidden !important;

From dd15196502895e1fd45fdb038e91490831eebbbd Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 5 Apr 2023 16:02:36 -0400
Subject: [PATCH 12/14] fix preselecting issue on vehicle-parts

---
 .../glass-part-question.vue                   | 27 ++++++++-----------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
index d304f2a6..74bdf103 100644
--- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
+++ b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
@@ -28,7 +28,8 @@
                                 isRequired
                                 isSmallQuestionText
                                 :groupName="`${glassLocation}-${glassName}-${selectedTint}`"
-                                :validationRules="partValidationRules" />
+                                :validationRules="partValidationRules" 
+                                />
                         </div>
                     </div>
                 </buttonQuestion>
@@ -181,25 +182,25 @@ export default {
             return tintSourceObject.src;
         },
 
+        // Check if only a single part is present for the tint and set the v-model if it is.
         AutoSelect() {
-            if(this.partsForSelectedTint?.length > 0)
+            if (this.partsForSelectedTint?.length > 0) 
             {
-                // Check if only a single part is present for the tint and set the v-model if it is.
                 if (this.partsForSelectedTint?.length == 1) {
                     this.selectedPartNumber = { value: this.partsForSelectedTint[0].partNumber };
+                    
+                    //select element with matching partNumber
+                    this.$nextTick(() => {
+                        document.querySelector('input[value=' + this.selectedPartNumber + ']').checked = true;
+                    });
                 }
-                else{
+                else {
                     // If selected part isn't in the current list or it's null, select the first part
                     if(!this.selectedPartNumber || this.partsForSelectedTint.filter(x => x.partNumber == this.selectedPartNumber).length === 0)
                     {
                         this.selectedPartNumber = { value: this.partsForSelectedTint[0].partNumber };
                     }
                 }
-
-                //select element with matching partNumber
-                this.$nextTick(() => {
-                    document.querySelector('input[value=' + this.selectedPartNumber + ']').checked = true;
-                });
             }
         },
         
@@ -207,16 +208,10 @@ export default {
         LoadPreselectedValues() {
             this.$nextTick(() => {
                 // Populate button-question model-value if parts data already exists in store
-                if(this.modelValue)
+                if(this.modelValue !== undefined)
                 {
                     this.selectedTint = this.modelValue.color;
                 }
-                else{
-                    // If one item in list, select it
-                    if (this.tintSelectionOptions?.length == 1) {
-                        this.selectedTint = this.tintSelectionOptions[0].value;
-                    }
-                }
             });              
         },
     },

From c7141790fcc942e978091d1982818ed798542038 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 6 Apr 2023 10:59:55 -0400
Subject: [PATCH 13/14] styling change for address-lookup alerts

---
 .../address-questions/address-questions.vue               | 2 +-
 src/layouts/address-lookup/address-lookup.vue             | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/iss-components/address-questions/address-questions.vue b/src/iss-components/address-questions/address-questions.vue
index 0c811ff9..fa4494aa 100644
--- a/src/iss-components/address-questions/address-questions.vue
+++ b/src/iss-components/address-questions/address-questions.vue
@@ -10,7 +10,7 @@
         <alert
             ref="alertNoMatchWarning"
             v-if="displayNoMatchWarning"
-            class="mb-4"
+            class="mb-4 mt-4"
             cmsWidgetName="AlertNoMatchWarningWidget"
             alertClass="alert-warning"
             v-bind:isDismissible="false" />
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index a9664223..bc790f71 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -17,14 +17,14 @@
                 <alert
                     ref="alertVinNotFound"
                     v-if="displayVinNotFoundAlert"
-                    class="mb-4"
+                    class="mb-4 mt-4"
                     cmsWidgetName="AlertVinNotFoundWidget"
                     alertClass="alert-danger"
                     v-bind:isDismissible="false" />
                 <alert
                     ref="alertMatchedDifferentVehicle"
                     v-if="displayMatchedDifferentVehicleAlert"
-                    class="mb-4"
+                    class="mb-4 mt-4"
                     :manualHeadline="AlertMatchedDifferentVehicleHeader"
                     :manualCopy="AlertMatchedDifferentVehicleBody"
                     alertClass="alert-warning"
@@ -32,7 +32,7 @@
                 <alert
                         ref="alertMatchedTwoIdenticalYMMVehicle"
                         v-if="displayMatchedTwoIdenticalYMMVehicleAlert"
-                        class="mb-4"
+                        class="mb-4 mt-4"
                         cmsWidgetName="AlertMatchedTwoIdenticalYMMVehicleWidget"
                         :manualHeadline="AlertMatchedTwoIdenticalYMMVehicleHeader"
                         :manualCopy="AlertMatchedTwoIdenticalYMMVehicleBody"
@@ -41,7 +41,7 @@
                 <alert
                     ref="alertVinLookupsByHomeAddressNotAllowed"
                     v-if="displayVinLookupByHomeAddressNotAllowedAlert"
-                    class="mb-4"
+                    class="mb-4 mt-4"
                     cmsWidgetName="AlertVinLookupsByHomeAddressNotAllowedWidget"
                     alertClass="alert-danger"
                     v-bind:isDismissible="false" />

From 84103119f7456d93f32f237e4c6787a43866b9ab Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 6 Apr 2023 11:00:29 -0400
Subject: [PATCH 14/14] styling change to alert on vehicle-parts

---
 src/layouts/vehicle-parts/vehicle-parts.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 73051a47..584887ad 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -16,7 +16,8 @@
                                 class="rounded border-0 shadow-sm"
                                 alertClass="alert-warning"
                                 cmsWidgetName="AlertWidget"
-                                :isDismissible="false" />
+                                :isDismissible="false"
+                                id="vehicle-parts-alert" />
                         </div>
                     </div>
                 </div>
@@ -222,8 +223,14 @@ export default {
 };
 </script>
 <style lang="scss">
- .overflow-scroll {
-        height: calc(100% - 180px);
-        overflow-x: hidden !important;
- }
- </style>
+.overflow-scroll {
+    height: calc(100% - 180px);
+    overflow-x: hidden !important;
+}
+
+#vehicle-parts-alert {
+    .alert-heading {
+        margin-top: 0.25rem !important;
+    }
+}
+</style>