From 1790cbc1ab25508e542ae55481baab0278555ff4 Mon Sep 17 00:00:00 2001
From: Alex Humphries <Alex.Humphries@safelite.com>
Date: Fri, 12 Dec 2025 13:22:25 -0500
Subject: [PATCH 1/2] Fix justification issue in subheader component

---
 .../site-sub-header/site-sub-header.vue              | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue
index b58be168..313dc831 100644
--- a/src/iss-components/site-sub-header/site-sub-header.vue
+++ b/src/iss-components/site-sub-header/site-sub-header.vue
@@ -3,7 +3,7 @@
         <div
             class="subheader-primary d-flex overflow-hidden">
             <h5
-                :class="[justifySubheaderSubText, headerColor]"
+                :class="[justifySubheader, headerColor]"
                 class="fw-normal mb-0 subheader-primary">
                 <span>
                     {{ content }}
@@ -16,8 +16,8 @@
         </div>
         <div
             v-if="hasSubText"
-            :class="[justifySubheader, subHeaderClasses, subHeaderMarginClasses]"
-            class="subheader-secondary d-flex align-items-center overflow-hidden">
+            :class="[justifySubheaderSubText, subHeaderClasses, subHeaderMarginClasses]"
+            class="subheader-secondary d-flex align-items-start overflow-hidden">
             <p
                 class="dark-header"
                 :class="[alternateFormatting, subTextClasses]">
@@ -105,9 +105,9 @@ export default {
             return this.subText ? 'dark-header' : 'light-header';
         },
         justifySubheader() {
-            return this.justification?.toLowerCase() === 'left'
-                ? 'justify-content-left'
-                : 'justify-content-center';
+            return this.justification?.toLowerCase() === 'center'
+                ? 'justify-content-center'
+                : 'justify-content-left';
         },
         justifySubheaderSubText() {
             return this.justificationSubText?.toLowerCase() === 'center'

From 7a1b62801aabfce275b7faf0111742f551e5b069 Mon Sep 17 00:00:00 2001
From: Alex Humphries <Alex.Humphries@safelite.com>
Date: Fri, 12 Dec 2025 15:28:04 -0500
Subject: [PATCH 2/2] Update some prop/variable names for consistency

Now consistent with the name used in the CMS
---
 .../site-sub-header/site-sub-header.vue       | 42 +++++++++----------
 src/layouts/payment-method/payment-method.vue |  2 +-
 src/layouts/schedule-page/schedule-page.vue   |  2 +-
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue
index 313dc831..191b9cc8 100644
--- a/src/iss-components/site-sub-header/site-sub-header.vue
+++ b/src/iss-components/site-sub-header/site-sub-header.vue
@@ -15,13 +15,13 @@
             </h5>
         </div>
         <div
-            v-if="hasSubText"
-            :class="[justifySubheaderSubText, subHeaderClasses, subHeaderMarginClasses]"
+            v-if="hasSecondaryText"
+            :class="[justifySubheaderSecondaryText, subHeaderClasses, subHeaderMarginClasses]"
             class="subheader-secondary d-flex align-items-start overflow-hidden">
             <p
                 class="dark-header"
-                :class="[alternateFormatting, subTextClasses]">
-                <span v-html="subText"> </span>
+                :class="[alternateFormatting, secondaryTextClasses]">
+                <span v-html="secondaryText"> </span>
             </p>
         </div>
     </div>
@@ -49,7 +49,7 @@ export default {
         hasBackButton: Boolean,
         issContainingPage: String,
         justification: String,
-        justificationSubText: String,
+        justificationSecondaryText: String,
         stripRteStyle: Boolean,
         subContentProperty: String,
         subHeaderClasses: String,
@@ -57,7 +57,7 @@ export default {
             type: String,
             default: 'mt-1'
         },
-        subTextClasses: String
+        secondaryTextClasses: String
     },
     emits: ['click-event'],
     computed: {
@@ -67,33 +67,33 @@ export default {
                 this.contentProperty ?? 'SubHeaderText'
             );
         },
-        subText() {
-            let subTextFromCms = this.getCmsContent(
+        secondaryText() {
+            let secondaryTextFromCms = this.getCmsContent(
                 this.cmsWidgetName,
                 this.subContentProperty ?? 'SecondaryText'
             );
 
             if (this.stripRteStyle) {
-                subTextFromCms = stripRteStyle(subTextFromCms);
+                secondaryTextFromCms = stripRteStyle(secondaryTextFromCms);
             }
 
-            let subText = '';
-            if (this.doesCopyContainRouterLink(subTextFromCms)) {
-                splitCopyOnCMSPlaceHolder(subTextFromCms).forEach((sc) => {
+            let secondaryText = '';
+            if (this.doesCopyContainRouterLink(secondaryTextFromCms)) {
+                splitCopyOnCMSPlaceHolder(secondaryTextFromCms).forEach((sc) => {
                     if (this.doesCopyContainRouterLink(sc)) {
-                        subText += getRouterLinkHtmlStringFromCopy(sc);
+                        secondaryText += getRouterLinkHtmlStringFromCopy(sc);
                     } else {
-                        subText += sc;
+                        secondaryText += sc;
                     }
                 });
             } else {
-                subText = subTextFromCms;
+                secondaryText = secondaryTextFromCms;
             }
 
-            return subText ?? '';
+            return secondaryText ?? '';
         },
-        hasSubText() {
-            return this.subText.length > 0;
+        hasSecondaryText() {
+            return this.secondaryText.length > 0;
         },
         backButtonAccessibleText() {
             return this.getCmsContent(
@@ -102,15 +102,15 @@ export default {
             );
         },
         headerColor() {
-            return this.subText ? 'dark-header' : 'light-header';
+            return this.secondaryText ? 'dark-header' : 'light-header';
         },
         justifySubheader() {
             return this.justification?.toLowerCase() === 'center'
                 ? 'justify-content-center'
                 : 'justify-content-left';
         },
-        justifySubheaderSubText() {
-            return this.justificationSubText?.toLowerCase() === 'center'
+        justifySubheaderSecondaryText() {
+            return this.justificationSecondaryText?.toLowerCase() === 'center'
                 ? 'justify-content-center'
                 : 'justify-content-left';
         },
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 855935ad..d0d6c341 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -15,7 +15,7 @@
                     <siteSubHeader
                         class="mb-5 mt-4 px-3"
                         cmsWidgetName="SiteSubHeaderWidget"
-                        subTextClasses="text-center"
+                        secondaryTextClasses="text-center"
                         subHeaderClasses="mt-4" />
                     <div class="main-content-container">
                         <hr class="my-0" />
diff --git a/src/layouts/schedule-page/schedule-page.vue b/src/layouts/schedule-page/schedule-page.vue
index f3531c61..38a5b1b1 100644
--- a/src/layouts/schedule-page/schedule-page.vue
+++ b/src/layouts/schedule-page/schedule-page.vue
@@ -14,7 +14,7 @@
                 <div class="schedule-page-container iss-heritage-content-container-width">
                     <siteSubHeader
                         cmsWidgetName="ScheduleSubHeaderWidget"
-                        subTextClasses="text-center small sub-text"
+                        secondaryTextClasses="text-center small sub-text"
                         class="mt-4" />
                     <template v-if="ChangeShopLink.length">
                         <textBlock