Merge pull request #1073 from Safelite/feature/humphries/INSR-7758.3

INSR-7758: Tweak spacing and header formatting for question-page-layout

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>

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>