From 58018eb08cba2a1c8966ab04dec4880f33308782 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Wed, 16 Nov 2022 13:23:08 -0500
Subject: [PATCH 1/2] fixed header colors

---
 .../site-sub-header/site-sub-header.vue        | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/common-components/site-sub-header/site-sub-header.vue b/src/common-components/site-sub-header/site-sub-header.vue
index b537d2df..95270009 100644
--- a/src/common-components/site-sub-header/site-sub-header.vue
+++ b/src/common-components/site-sub-header/site-sub-header.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
       <div class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
-        <h5 class="text-center fw-normal mb-0" >
+        <h5 class="text-center fw-normal mb-0" :class="headerColor">
           <span>
             {{ content }}
           </span>
@@ -44,7 +44,10 @@ import buttonBack from "@/common-components/site-sub-header/button-back/button-b
             backButtonAccessibleText()
             {
               return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText")
-            }
+            },
+            headerColor() {
+                return this.subText ? "dark-header" : "light-header";
+            },
         },
         methods: {
           clickEvent() {
@@ -57,6 +60,14 @@ import buttonBack from "@/common-components/site-sub-header/button-back/button-b
 
   
 <style lang="scss" scoped>
+.dark-header {
+    color: $black;
+}
+
+.light-header {
+    color: $gray-550;
+}
+
 h5 {
   line-height: 32px;
   max-width: 300px;
@@ -65,4 +76,7 @@ h5 {
     color: inherit;
   }
 }
+p.small {
+    color: $gray-550;
+}
 </style>
\ No newline at end of file

From d270a7695fd1df1e2606b1ce2a9a6f5b38207972 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Thu, 17 Nov 2022 11:02:58 -0500
Subject: [PATCH 2/2] corrected issues with spacing between the site-header and
 button-question.brought over logo image and alert styling for site-header for
 future use.

---
 src/common-components/button-question/button-question.vue | 2 +-
 src/common-components/site-header/site-header.vue         | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue
index 4734ed12..929da477 100644
--- a/src/common-components/button-question/button-question.vue
+++ b/src/common-components/button-question/button-question.vue
@@ -98,7 +98,7 @@
     computed: {
       getFieldSetClasses() {
         if (this.isOverflowScrollable) {
-          return "container-fluid overflow-scroll position-absolute px-5 pt-1 py-0";
+          return "container-fluid overflow-scroll position-absolute px-5 pb-2";
         }
         else if (this.buttonType == "listCard") {
           return "w-100";
diff --git a/src/common-components/site-header/site-header.vue b/src/common-components/site-header/site-header.vue
index b9499a9f..637ce89c 100644
--- a/src/common-components/site-header/site-header.vue
+++ b/src/common-components/site-header/site-header.vue
@@ -71,5 +71,11 @@ import { globalEvents } from "@/constants/events";
 .site-header {
   padding: 0.97rem 0;
 }
-    
+.logo-image {
+    max-width: 78px;
+}
+.alert {
+    left: 0;
+    top: 72px;
+}
 </style>
\ No newline at end of file