SSR-1349 QA UI fixes.

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;
     }
 }
 

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>