From 193f09ddbe252d9360e7d1274606d01ee2332d58 Mon Sep 17 00:00:00 2001
From: Alex Humphries <Alex.Humphries@safelite.com>
Date: Thu, 12 Feb 2026 16:57:59 -0500
Subject: [PATCH] INSR-7758: Tweak some spacing

Includes a change to how the forward button is shows/hides so the size
of the footer doesn't change between the states
---
 .../questions-page-layout/questions-page-layout.vue  | 10 +++++++++-
 src/iss-components/site-footer/site-footer.vue       | 12 +++++++-----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/iss-components/questions-page-layout/questions-page-layout.vue b/src/iss-components/questions-page-layout/questions-page-layout.vue
index 43ce4251..9a20bb12 100644
--- a/src/iss-components/questions-page-layout/questions-page-layout.vue
+++ b/src/iss-components/questions-page-layout/questions-page-layout.vue
@@ -6,7 +6,7 @@
         <div class="iss-heritage-container-width">
             <div class="questions-page-layout-container iss-heritage-content-container-width">
                 <siteSubHeader
-                    class="mt-4"
+                    class="mt-4 subheader"
                     cmsWidgetName="SiteSubHeaderWidget" />
                 <alert
                     v-if="alertFewMoreQuestionsHeader || alertFewMoreQuestionsCopy"
@@ -129,6 +129,13 @@ export default {
         padding-left: .9375rem;
         padding-right: .9375rem;
     }
+    .subheader {
+        :deep(strong) {
+            color: $black;
+            font-weight: 600;
+            text-transform: uppercase;
+        }
+    }
 }
 
 .questions-page {
@@ -141,6 +148,7 @@ export default {
     }
 }
 .need-help-link-container {
+    margin-top: 1.875rem;
     margin-bottom: 2.25rem;
 }
 </style>
diff --git a/src/iss-components/site-footer/site-footer.vue b/src/iss-components/site-footer/site-footer.vue
index 9499c3c2..a694015e 100644
--- a/src/iss-components/site-footer/site-footer.vue
+++ b/src/iss-components/site-footer/site-footer.vue
@@ -14,14 +14,13 @@
                     id="stacked"
                     class="col button-col d-flex px-0">
                     <buttonMain
-                        v-if="!isForwardButtonHidden"
                         ref="buttonMain"
                         variant="navigation"
                         :buttonText="buttonText"
-                        :class="
-                            (disableForwardAction || isForwardActionDisabled) &&
-                            'form-test-invalid'
-                        "
+                        :class="{
+                            'form-test-invalid': (disableForwardAction || isForwardActionDisabled),
+                            'hide-button': isForwardButtonHidden
+                        }"
                         :aria-disabled="disableForwardAction || isForwardActionDisabled"
                         :isDisabled="disableForwardAction || isForwardActionDisabled"
                         data-test-id="site-footer-main-button"
@@ -149,5 +148,8 @@ export default {
             margin-top: 1.25rem;
         }
     }
+    .hide-button {
+        visibility: hidden;
+    }
 }
 </style>