From d7d9233f15fe92199cae4a7ec49dc02647023c48 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 20 May 2024 09:44:48 -0400
Subject: [PATCH 1/3] fix spacing between subheader and field

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

diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index f91ec2db..6d62846d 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -24,7 +24,7 @@
                         disableAutoFill
                         :isDisabled="isPolicyHolderDisabled"
                         :validationRules="rules.policyNumber"
-                        class="mt-5" />
+                        class="mt-4" />
                     <textboxQuestion
                         ref="policyZip"
                         v-model="welcomePageModel.policyZipCode"

From 984b3c6e02536a0b6073441a77685188a3a9815f Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 20 May 2024 09:45:04 -0400
Subject: [PATCH 2/3] left align date of loss in iOS

---
 src/digital-components/textbox-question/textbox-question.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index a6953b5b..09ccf253 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -275,6 +275,10 @@ input[type='date']::-webkit-calendar-picker-indicator {
     min-width: 48px;
 }
 
+input::-webkit-date-and-time-value {
+    text-align: left !important;
+}
+
 .textbox-question {
     label {
         color: $black;

From 9e95b1cb4527ebbb3efed0d3ba8b529a52ebe8bf Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 20 May 2024 10:57:10 -0400
Subject: [PATCH 3/3] refactor styling fix

---
 src/iss-components/site-sub-header/site-sub-header.vue | 8 ++++++--
 src/layouts/welcome-page/welcome-page.vue              | 2 +-
 2 files changed, 7 insertions(+), 3 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 37a6565f..3b4bb21f 100644
--- a/src/iss-components/site-sub-header/site-sub-header.vue
+++ b/src/iss-components/site-sub-header/site-sub-header.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <div
-            class="subheader-primary d-flex align-items-center justify-content-center overflow-hidden mb-2">
+            class="subheader-primary d-flex align-items-center justify-content-center overflow-hidden">
             <h5
                 class="text-center fw-normal mb-0 subheader-primary"
                 :class="headerColor">
@@ -15,7 +15,8 @@
             </h5>
         </div>
         <div
-            class="subheader-secondary d-flex align-items-center overflow-hidden"
+            v-if="hasSubText"
+            class="subheader-secondary d-flex align-items-center overflow-hidden mt-2"
             :class="[justifySubheader, subHeaderClasses]">
             <p
                 class="dark-header"
@@ -86,6 +87,9 @@ export default {
 
             return subText ?? '';
         },
+        hasSubText() {
+            return this.subText.length > 0;
+        },
         backButtonAccessibleText() {
             return this.getCmsContent(
                 this.cmsWidgetName,
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 6d62846d..f91ec2db 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -24,7 +24,7 @@
                         disableAutoFill
                         :isDisabled="isPolicyHolderDisabled"
                         :validationRules="rules.policyNumber"
-                        class="mt-4" />
+                        class="mt-5" />
                     <textboxQuestion
                         ref="policyZip"
                         v-model="welcomePageModel.policyZipCode"