diff --git a/styles/components/_footer.scss b/styles/components/_footer.scss index ca43321c..eff6e76a 100644 --- a/styles/components/_footer.scss +++ b/styles/components/_footer.scss @@ -1,40 +1,25 @@ .app-footer { - background-color: $color-gray-lightest; - border-top: 1px solid $color-gray-lighter; + background-color: $color-white; + border-top: 1px solid $color-black; display: flex; flex-direction: row; justify-content: space-between; align-items: center; - padding: $gap * 2; + padding: $gap * 1.5; + position: fixed; + left: 0; + bottom: 0; + width: 100%; .app-footer__info { flex-grow: 1; - .app-footer__info__title { - display: inline-block; - padding: 0; - margin: 0 $gap 0 0; - //margin: ($gap * 2); - } - .app-footer__info__link { margin: (-$gap * 2) (-$gap); - } - } - .app-footer__browser-support { - color: $color-gray; - margin: 0; - text-align: right; - dt, dd { - @include h5; - display: inline-block; - } - - dd { - font-weight: normal; - &::before { - content: '・'; + .icon--footer { + @include icon-size(16); + margin: 0.8rem; } } } diff --git a/styles/components/_global_layout.scss b/styles/components/_global_layout.scss index 1394d789..e9536579 100644 --- a/styles/components/_global_layout.scss +++ b/styles/components/_global_layout.scss @@ -14,6 +14,7 @@ display: flex; flex-wrap: nowrap; flex-grow: 1; + margin-bottom: 50px; .global-navigation { margin-top: -1px; diff --git a/templates/footer.html b/templates/footer.html index 7d19e27e..ff1f807a 100644 --- a/templates/footer.html +++ b/templates/footer.html @@ -2,20 +2,9 @@ diff --git a/translations.yaml b/translations.yaml index 4f6c8752..3dd2da51 100644 --- a/translations.yaml +++ b/translations.yaml @@ -41,7 +41,7 @@ components: footer: about_link_text: Joint Enterprise Defense Infrastructure browser_support: JEDI Cloud supported on these web browsers - jedi_help_link_text: JEDI Cloud Help + jedi_help_link_text: Questions? Contact your CCPO Representative forms: ccpo_review: comment_description: Provide instructions or notes for additional information that is necessary to approve the request here. The requestor may then re-submit the updated request or initiate contact outside of AT-AT if further discussion is required. This message will be shared with the person making the JEDI request..