diff --git a/components/layout/footer.js b/components/layout/footer.js index 1424029b..5fe9d2e4 100644 --- a/components/layout/footer.js +++ b/components/layout/footer.js @@ -48,20 +48,20 @@ const Footer = () => { Phone +1(202) 729-7600 Fax: +1 (202) 720 7610

+ -
- - {intl.formatMessage({ id: 'terms.title' })} - - | - - {intl.formatMessage({ id: 'Privacy Policy' })} - - | - -
+
+ + {intl.formatMessage({ id: 'terms.title' })} + + | + + {intl.formatMessage({ id: 'Privacy Policy' })} + + | +
diff --git a/css/components/layout/_footer.scss b/css/components/layout/_footer.scss index d4334f65..e16d617d 100644 --- a/css/components/layout/_footer.scss +++ b/css/components/layout/_footer.scss @@ -7,6 +7,7 @@ color: $color-white; display: flex; justify-content: space-between; + flex-wrap: wrap; } .footer-item { @@ -105,6 +106,8 @@ .footer-item { &.wri-contact-details { p { + margin-bottom: 0; + @include breakpoint(small only) { font-size: $font-size-small; @@ -139,6 +142,8 @@ .footer-links { margin-top: $space-1 * 2; white-space: nowrap; + flex-basis: 100%; + text-align: right; a, .c-link-button { color: $white; diff --git a/e2e/cypress.config.js b/e2e/cypress.config.js index 8ca92257..487b2a66 100644 --- a/e2e/cypress.config.js +++ b/e2e/cypress.config.js @@ -7,7 +7,7 @@ module.exports = defineConfig({ viewportWidth: 1280, viewportHeight: 720, env: { - pluginVisualRegressionMaxDiffThreshold: 0.03, + pluginVisualRegressionMaxDiffThreshold: 0.036, }, e2e: { baseUrl: 'http://localhost:4000',