From fb8077a8383eadbc069aefc37e12abaeb2f436ad Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 11 Jun 2024 10:04:20 -0400
Subject: [PATCH 1/2] SSR-1349 QA UI fixes.

---
 .../address-vehicles/address-vehicles.vue     |  3 ++-
 .../vehicle-selection/vehicle-selection.vue   | 26 +++++++++----------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index b7fb8522..7a41c64c 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -304,12 +304,13 @@ export default {
 
 <style lang="scss" scoped>
 .alert-provide-vin {
-    font-size: 0.875rem;
+    font-size: 0.75rem;
     line-height: 1.4;
     a {
         //Per Devyn. This can't be documented in Figma so there is a comment with the Prototype mocks on the Quote page in Figma
         text-underline-offset: 4px;
         line-height: inherit;
+        font-weight: 500;
     }
 }
 
diff --git a/src/layouts/vehicle-selection/vehicle-selection.vue b/src/layouts/vehicle-selection/vehicle-selection.vue
index 5d0f1c58..bbb4607e 100644
--- a/src/layouts/vehicle-selection/vehicle-selection.vue
+++ b/src/layouts/vehicle-selection/vehicle-selection.vue
@@ -23,7 +23,7 @@
                     <vehicleQuestion
                         ref="vehicleYearQuestion"
                         v-model="selectedYear"
-                        class="mb-2 mt-4"
+                        class="mb-1 mt-4"
                         cmsWidgetName="VehicleYearQuestion"
                         :updateValues="updateYearValues"
                         validationRules="year-required"
@@ -31,7 +31,7 @@
                     <vehicleQuestion
                         ref="vehicleMakeQuestion"
                         v-model="selectedMake"
-                        class="mb-2 mt-4"
+                        class="mb-1 mt-4"
                         cmsWidgetName="VehicleMakeQuestion"
                         :updateValues="updateMakeValues"
                         validationRules="make-required"
@@ -39,7 +39,7 @@
                     <vehicleQuestion
                         ref="vehicleModelQuestion"
                         v-model="selectedModel"
-                        class="mb-2 mt-4"
+                        class="mb-1 mt-4"
                         cmsWidgetName="VehicleModelQuestion"
                         :updateValues="updateModelValues"
                         validationRules="model-required"
@@ -47,7 +47,7 @@
                     <vehicleQuestion
                         ref="vehicleStyleQuestion"
                         v-model="selectedStyle"
-                        class="mb-2 mt-4"
+                        class="mb-1 mt-4"
                         cmsWidgetName="VehicleStyleQuestion"
                         :updateValues="updateStyleValues"
                         validationRules="style-required"
@@ -104,7 +104,7 @@ export default {
         siteFooter,
         // eslint-disable-next-line vue/no-reserved-component-names
         Form,
-        vehicleQuestion,
+        vehicleQuestion
     },
     mixins: [baseFormMixin],
 
@@ -116,8 +116,8 @@ export default {
         const promiseResultMap = [
             {
                 resultKey: 'cmsContent',
-                promise: cmsContentPromise,
-            },
+                promise: cmsContentPromise
+            }
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
@@ -129,7 +129,7 @@ export default {
     },
     props: {
         cmsWidgetName: String,
-        validationRules: String,
+        validationRules: String
     },
     data() {
         const { year, make, model, style } = useMainStore().order.vehicle;
@@ -137,13 +137,13 @@ export default {
             selectedYear: year,
             selectedMake: make,
             selectedModel: model,
-            selectedStyle: style,
+            selectedStyle: style
         };
     },
     computed: {
         displayGeneric() {
             return !this.selectedStyle;
-        },
+        }
     },
 
     watch: {
@@ -171,7 +171,7 @@ export default {
         selectedStyle(value) {
             this.mainStore.updateVehicleStyle(value);
             this.mainStore.setVehicle();
-        },
+        }
     },
     mounted() {
         this.$refs.vehicleYearQuestion.getNewValues();
@@ -220,8 +220,8 @@ export default {
         },
         async updateStyleValues() {
             return this.mainStore.getVehicleStyles();
-        },
-    },
+        }
+    }
 };
 </script>
 

From 95a9eb7118bf28105d4f410fbc41fee8d247b4d7 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 11 Jun 2024 11:29:04 -0400
Subject: [PATCH 2/2] Update to variable.

---
 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 7a41c64c..4dc43525 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -310,7 +310,7 @@ export default {
         //Per Devyn. This can't be documented in Figma so there is a comment with the Prototype mocks on the Quote page in Figma
         text-underline-offset: 4px;
         line-height: inherit;
-        font-weight: 500;
+        font-weight: $font-weight-bold;
     }
 }