From e441e038ea3de68e79a3ca5e4302191bf9c73215 Mon Sep 17 00:00:00 2001 From: Tom Byers Date: Fri, 15 Nov 2019 22:47:59 +0000 Subject: [PATCH] Fix footer on smaller screens --- .../stylesheets/govuk-frontend/overrides.scss | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/app/assets/stylesheets/govuk-frontend/overrides.scss b/app/assets/stylesheets/govuk-frontend/overrides.scss index 2da9a715e..30ca08c30 100644 --- a/app/assets/stylesheets/govuk-frontend/overrides.scss +++ b/app/assets/stylesheets/govuk-frontend/overrides.scss @@ -28,3 +28,31 @@ padding-bottom: 90px; } } + +.govuk-footer__navigation { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +.govuk-footer__section { + -webkit-flex-basis: 200px; + -ms-flex-preferred-size: 200px; + flex-basis: 100%; +} + +@include govuk-media-query($from: tablet) { + + .govuk-footer__navigation { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap + } + + .govuk-footer__section { + -webkit-flex-basis: 200px; + -ms-flex-preferred-size: 200px; + flex-basis: 200px; + } + +}