From 2ad20c39f7f00ab031b9a7224fad0b7d043a530e Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Wed, 18 Oct 2023 13:42:18 -0400
Subject: [PATCH 1/4] Fixed Seling Price misspelling and renamed EarlyBirdIndex
 to PremiumFeeIndex

---
 src/layouts/schedule/schedule.vue              | 18 +++++++++---------
 .../service-location/service-location.vue      |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 5b6ab980f..704ad007d 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -439,16 +439,16 @@ export default {
                 this.appointmentType === AppointmentTypeStrings.MOBILE &&
                 this.selectedTimeSlotInfo?.isPremiumAppointment
             ) {
-                const earlyBirdIndex = supportingItems.findIndex(
+                const premiumFeeIndex = supportingItems.findIndex(
                     (item) => item.partType == PREMIUM_FEE_PART_TYPE
                 );
 
-                if (earlyBirdIndex >= 0) {
-                    supportingItems[earlyBirdIndex].laborAmount =
+                if (premiumFeeIndex >= 0) {
+                    supportingItems[premiumFeeIndex].laborAmount =
                         this.mobilePremiumAppointmentFee.laborAmount;
-                    supportingItems[earlyBirdIndex].selingPrice =
-                        this.mobilePremiumAppointmentFee.selingPrice;
-                    supportingItems[earlyBirdIndex].kitPrice =
+                    supportingItems[premiumFeeIndex].sellingPrice =
+                        this.mobilePremiumAppointmentFee.sellingPrice;
+                    supportingItems[premiumFeeIndex].kitPrice =
                         this.mobilePremiumAppointmentFee.kitPrice;
                 } else {
                     supportingItems.push(this.mobilePremiumAppointmentFee);
@@ -461,12 +461,12 @@ export default {
                 );
             } else {
                 // if it's not a mobile and/or premium early bird, then make sure we remove any that may have been added
-                const removeEarlyBirdIndex = supportingItems.findIndex(
+                const removePremiumFeeIndex = supportingItems.findIndex(
                     (item) => item.partType == PREMIUM_FEE_PART_TYPE
                 );
 
-                if (removeEarlyBirdIndex >= 0) {
-                    supportingItems.splice(removeEarlyBirdIndex, 1);
+                if (removePremiumFeeIndex >= 0) {
+                    supportingItems.splice(removePremiumFeeIndex, 1);
                     this.dispatchStoreAction(
                         this.storeActions.SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING,
                         supportingItems,
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 64a8c0d3e..d1e818130 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -441,7 +441,7 @@ export default {
                 // If it already exists, update the price with latest data
                 if (mobileFeeIndex >= 0) {
                     supportingItems[mobileFeeIndex].laborAmount = this.mobileFeePart.laborAmount;
-                    supportingItems[mobileFeeIndex].selingPrice = this.mobileFeePart.selingPrice;
+                    supportingItems[mobileFeeIndex].sellingPrice = this.mobileFeePart.sellingPrice;
                     supportingItems[mobileFeeIndex].kitPrice = this.mobileFeePart.kitPrice;
                 } else {
                     supportingItems.push(this.mobileFeePart);

From b5dbb1aebf1a22ae13dbddce08b1b6d3ff09e5eb Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 18 Oct 2023 16:20:11 -0400
Subject: [PATCH 2/4] CSR-1711 fix spacing issues.

---
 .../checkbox-question/checkbox-question.vue                 | 6 +++---
 .../textbox-question/textbox-question.vue                   | 2 +-
 src/fmg-components/vehicle-banner/vehicle-banner.vue        | 2 +-
 src/layouts/customer-details/customer-details.vue           | 2 +-
 src/layouts/schedule/location-alerts/location-alerts.vue    | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue
index 50245d025..f117b0b57 100644
--- a/src/digital-components/checkbox-question/checkbox-question.vue
+++ b/src/digital-components/checkbox-question/checkbox-question.vue
@@ -1,16 +1,16 @@
 <template>
     <!-- Checkbox groups MUST be wrapped in a <fieldset> and <legend> tag -->
-    <div class="form-check ui-checkbox" :class="[hasError ? 'has-error' : '']">
+    <div class="form-check ui-checkbox d-flex align-items-center" :class="[hasError ? 'has-error' : '']">
+        <label class="d-flex align-items-start" :for="buttonID">
         <input
             v-model="value"
-            class="form-check-input"
+            class="form-check-input me-2"
             type="checkbox"
             aria-checked="false"
             :name="checkboxName"
             :id="buttonID"
             :tabindex="tabIndex"
             :aria-required="isRequired" />
-        <label class="d-flex align-items-start" :for="buttonID">
             <p v-html="checkboxLabelCopy" class="m-0"></p>
             <span v-if="screenReaderOnlyText" class="sr-only">{{ screenReaderOnlyText }}</span>
         </label>
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index f8fad8779..11f232135 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -67,7 +67,7 @@
         </div>
         <div v-show="errorMessage" class="row form-test-error">
             <span
-                class="d-inline-flex small my-1"
+                class="d-inline-flex small mt-1"
                 aria-atomic="true"
                 aria-live="polite"
                 :class="[centerErrorMessage ? 'center-error-message' : '']"
diff --git a/src/fmg-components/vehicle-banner/vehicle-banner.vue b/src/fmg-components/vehicle-banner/vehicle-banner.vue
index 8bff4e9e2..e88f5b719 100644
--- a/src/fmg-components/vehicle-banner/vehicle-banner.vue
+++ b/src/fmg-components/vehicle-banner/vehicle-banner.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="vehicle_banner mb-3 text-center">
+    <div class="vehicle_banner mb-4 text-center">
         <img class="vehicle-image img-fluid" :src="vehicleImageToDisplay" alt="" />
     </div>
 </template>
diff --git a/src/layouts/customer-details/customer-details.vue b/src/layouts/customer-details/customer-details.vue
index 6e5fc0f09..cd6cc17b0 100644
--- a/src/layouts/customer-details/customer-details.vue
+++ b/src/layouts/customer-details/customer-details.vue
@@ -8,7 +8,7 @@
             </div>
             <div class="row justify-content-center">
                 <div class="col-md-6 col-xl-4">
-                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="my-5" />
+                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4 mb-5" />
                     <textboxQuestion
                         class="mb-4"
                         cmsWidgetName="FirstNameWidget"
diff --git a/src/layouts/schedule/location-alerts/location-alerts.vue b/src/layouts/schedule/location-alerts/location-alerts.vue
index 66f26e263..80d7a5b00 100644
--- a/src/layouts/schedule/location-alerts/location-alerts.vue
+++ b/src/layouts/schedule/location-alerts/location-alerts.vue
@@ -3,7 +3,7 @@
         v-for="alert in prefixedAlertReasons"
         :key="alert.cmsWidgetName"
         :ref="alert.cmsWidgetName"
-        class="mt-2 mb-3"
+        class="mt-5 mb-4"
         :cmsWidgetName="alert.cmsWidgetName"
         alertClass="alert-warning" />
 </template>

From f4582c221c1c073fa52298a8983376f96176834b Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 18 Oct 2023 16:32:32 -0400
Subject: [PATCH 3/4] Format code.

---
 .../checkbox-question/checkbox-question.vue   | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue
index f117b0b57..6d3777210 100644
--- a/src/digital-components/checkbox-question/checkbox-question.vue
+++ b/src/digital-components/checkbox-question/checkbox-question.vue
@@ -1,16 +1,18 @@
 <template>
     <!-- Checkbox groups MUST be wrapped in a <fieldset> and <legend> tag -->
-    <div class="form-check ui-checkbox d-flex align-items-center" :class="[hasError ? 'has-error' : '']">
+    <div
+        class="form-check ui-checkbox d-flex align-items-center"
+        :class="[hasError ? 'has-error' : '']">
         <label class="d-flex align-items-start" :for="buttonID">
-        <input
-            v-model="value"
-            class="form-check-input me-2"
-            type="checkbox"
-            aria-checked="false"
-            :name="checkboxName"
-            :id="buttonID"
-            :tabindex="tabIndex"
-            :aria-required="isRequired" />
+            <input
+                v-model="value"
+                class="form-check-input me-2"
+                type="checkbox"
+                aria-checked="false"
+                :name="checkboxName"
+                :id="buttonID"
+                :tabindex="tabIndex"
+                :aria-required="isRequired" />
             <p v-html="checkboxLabelCopy" class="m-0"></p>
             <span v-if="screenReaderOnlyText" class="sr-only">{{ screenReaderOnlyText }}</span>
         </label>

From 5e74ea4160fcbafc5b65d1e918c915862edea984 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 18 Oct 2023 16:44:47 -0400
Subject: [PATCH 4/4] Set button width.

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

diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index a5f6eca7c..f77e2b193 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -30,7 +30,7 @@
                         isPrimary
                         :buttonText="forwardButtonText"
                         loaderColor="white"
-                        class="mb-2"
+                        class="mb-2 w-100"
                         @click-event="forwardButtonAction" />
 
                     <div>