Merge branch 'bug/brydon/SSR-1301' of https://github.com/Safelite/DigitalConsumer.ISS into bug/brydon/1302

src/digital-components/button-question/button-question.vue

@@ -13,7 +13,9 @@
                 'small-question-text': isSmallQuestionText,
                 'small-question-label-text': isSmallQuestionLabelText,
             }">
-            <span class="fw-bold w-100">{{ questionText }}</span>
+            <span
+                class="fw-bold w-100"
+                :class="questionTextClasses">{{ questionText }}</span>
         </div>
         <div class="w-100 d-flex justify-content-center">
             <fieldset
@@ -115,6 +117,7 @@ export default {
         groupName: String,
         questionText: String,
         answers: Array,
+        questionTextClasses: Array,
         textPosition: {
             type: String,
             default: 'text-center'

src/iss-components/site-sub-header/site-sub-header.vue

@@ -16,8 +16,8 @@
         </div>
         <div
             v-if="hasSubText"
-            class="subheader-secondary d-flex align-items-center overflow-hidden mt-2"
-            :class="[justifySubheader, subHeaderClasses]">
+            :class="[justifySubheader, subHeaderClasses, subHeaderMarginClasses]"
+            class="subheader-secondary d-flex align-items-center overflow-hidden">
             <p
                 class="dark-header"
                 :class="[alternateFormatting, subTextClasses]">
@@ -52,6 +52,10 @@ export default {
         stripRteStyle: Boolean,
         subContentProperty: String,
         subHeaderClasses: String,
+        subHeaderMarginClasses: {
+            type: String,
+            default: 'mt-2'
+        },
         subTextClasses: String
     },
     emits: ['click-event'],

src/layouts/vehicle-lookup/vehicle-lookup.vue

@@ -1,5 +1,7 @@
 <template>
-    <Form @submit="onSubmit" @invalidSubmit="onInvalidSubmit">
+    <Form
+@submit="onSubmit"
+@invalidSubmit="onInvalidSubmit">
         <div class="container-fluid fade-on-route-transition">
             <div class="row justify-content-center">
                 <div class="col-md-6 px-0 px-md-2">
@@ -15,7 +17,8 @@
                             :displayGenericVehicleImage="false" />
                         <SiteSubHeader
                             cmsWidgetName="SiteSubHeaderWidget"
-                            class="mt-5 mb-2" />
+                            class="mb-2"
+                            subHeaderMarginClasses="mt-1" />
                         <VinLookupMethods
                             ref="VinLookupMethods"
                             v-model="selectedVinLookupMethod"
@@ -57,7 +60,7 @@ export default {
         SiteHeader,
         SiteSubHeader,
         VehicleBanner,
-        VinLookupMethods,
+        VinLookupMethods
     },
     mixins: [BaseFormMixin],
     async beforeRouteEnter(to, from, next) {
@@ -67,8 +70,8 @@ export default {
         const promiseResultMap = [
             {
                 resultKey: 'cmsContent',
-                promise: cmsContentPromise,
-            },
+                promise: cmsContentPromise
+            }
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
@@ -80,13 +83,13 @@ export default {
     },
     data() {
         return {
-            selectedVinLookupMethod: null,
+            selectedVinLookupMethod: null
         };
     },
     computed: {
         isForwardActionDisabled() {
             return this.selectedVinLookupMethod === null;
-        },
+        }
     },
     methods: {
         arePagePrerequisiteValid() {
@@ -116,7 +119,7 @@ export default {
                     break;
             }
         },
-        resetDependentState() {},
-    },
+        resetDependentState() {}
+    }
 };
 </script>

src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue

@@ -5,6 +5,7 @@
     groupName="VinLookupMethodsOption"
     buttonTypeString="listButton"
     :questionText="questionTextFromCms"
+    :questionTextClasses="['text-center']"
     isRequired
     :validationRules="rules.optionRequired"
     data-test-id="vin-lookup-methods-button-question" />