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
This commit is contained in:
Alex Humphries 2026-02-12 16:57:59 -05:00
parent c415f10ffa
commit 193f09ddbe
2 changed files with 16 additions and 6 deletions

View file

@ -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>

View file

@ -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>