From ad71e03985e0e274d53b0c2ad38e844c59e808c5 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Mon, 16 Jan 2023 16:58:32 -0500
Subject: [PATCH] CSR-1051: update funnel-sub-header class logic / fix modal ul
 spacing

---
 .../funnel-sub-header/funnel-sub-header.vue                | 7 ++++---
 .../service-package-radio/service-package-radio.vue        | 6 ++++++
 src/layouts/vehicle-make/vehicle-make.vue                  | 3 ++-
 src/layouts/vehicle-model/vehicle-model.vue                | 3 ++-
 src/layouts/vehicle-style/vehicle-style.vue                | 3 ++-
 src/layouts/vehicle-year/vehicle-year.vue                  | 2 +-
 6 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/common-components/funnel-sub-header/funnel-sub-header.vue b/src/common-components/funnel-sub-header/funnel-sub-header.vue
index 356e6fb0e..356dc50c1 100644
--- a/src/common-components/funnel-sub-header/funnel-sub-header.vue
+++ b/src/common-components/funnel-sub-header/funnel-sub-header.vue
@@ -32,6 +32,10 @@ export default {
     props: {
         hasBackButton: Boolean,
         cmsWidgetName: String,
+        headerColor: {
+            type: String,
+            default: "dark-header",
+        },
     },
     components: {
         buttonBack,
@@ -46,9 +50,6 @@ export default {
         backButtonAccessibleText() {
             return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText");
         },
-        headerColor() {
-            return this.subText ? "dark-header" : "light-header";
-        },
     },
     methods: {
         clickEvent() {
diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
index 856b5a940..74bed2c5e 100644
--- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
+++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
@@ -229,6 +229,12 @@ export default {
                 li {
                     margin-bottom: 0.5rem;
                     font-size: 0.875rem;
+                    line-height: 1.714;
+                    a {
+                        line-height: 1.714;
+                        padding: 0;
+                        text-underline-offset: 0.1em;
+                    }
                 }
             }
 
diff --git a/src/layouts/vehicle-make/vehicle-make.vue b/src/layouts/vehicle-make/vehicle-make.vue
index 1034b0959..6babfa443 100644
--- a/src/layouts/vehicle-make/vehicle-make.vue
+++ b/src/layouts/vehicle-make/vehicle-make.vue
@@ -7,7 +7,8 @@
                 <funnelSubHeader
                     cmsWidgetName="FunnelSubHeaderWidget"
                     :hasBackButton="true"
-                    @click-event="backButtonAction" />
+                    @click-event="backButtonAction"
+                    headerColor="light-header" />
                 <div class="fade-on-route-transition">
                     <makeQuestion
                         v-model="selectedMake"
diff --git a/src/layouts/vehicle-model/vehicle-model.vue b/src/layouts/vehicle-model/vehicle-model.vue
index c53ed19d5..2ef0fc573 100644
--- a/src/layouts/vehicle-model/vehicle-model.vue
+++ b/src/layouts/vehicle-model/vehicle-model.vue
@@ -7,7 +7,8 @@
                 <funnelSubHeader
                     cmsWidgetName="FunnelSubHeaderWidget"
                     :hasBackButton="true"
-                    @click-event="backButtonAction" />
+                    @click-event="backButtonAction"
+                    headerColor="light-header" />
                 <div class="fade-on-route-transition">
                     <modelQuestion
                         v-model="selectedModel"
diff --git a/src/layouts/vehicle-style/vehicle-style.vue b/src/layouts/vehicle-style/vehicle-style.vue
index 7b9949234..23766f3e2 100644
--- a/src/layouts/vehicle-style/vehicle-style.vue
+++ b/src/layouts/vehicle-style/vehicle-style.vue
@@ -7,7 +7,8 @@
                 <funnelSubHeader
                     cmsWidgetName="FunnelSubHeaderWidget"
                     :hasBackButton="true"
-                    @click-event="backButtonAction" />
+                    @click-event="backButtonAction"
+                    headerColor="light-header" />
                 <div class="fade-on-route-transition">
                     <styleQuestion
                         v-model="selectedStyle"
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 256a38d64..f8a53ed5c 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -4,7 +4,7 @@
         <div class="select-car">
             <div class="select-car-form rounded text-center">
                 <vehicleBanner cmsWidgetName="VehicleBannerWidget" displayGenericVehicleImage />
-                <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
+                <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" headerColor="light-header" />
                 <div class="fade-on-route-transition">
                     <yearQuestion
                         class="fade-on-route-transition"