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] 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"