From 9d32316a67b245db37a02cc3db84733213f6ef01 Mon Sep 17 00:00:00 2001 From: Tom Byers Date: Tue, 8 Mar 2022 14:24:54 +0000 Subject: [PATCH] Fix spacing for alert description and status Using `width` doesn't work for flex-items with flex-grow set above 0 because they will expand to fill the space, whatever its value. The intention for this line was always to constrain how much these ones can grow to half the space minus the gap between. `max-width`, which is still honored by flex-items with `flex-grow` above 0, meaning they will expand up to that size. --- app/assets/stylesheets/views/dashboard.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/views/dashboard.scss b/app/assets/stylesheets/views/dashboard.scss index 90749bc85..44d9ce713 100644 --- a/app/assets/stylesheets/views/dashboard.scss +++ b/app/assets/stylesheets/views/dashboard.scss @@ -69,7 +69,7 @@ // simulate govuk-grid-column-one-half spacing - larger screens @include govuk-media-query($from: tablet) { - width: calc(50% - #{$govuk-gutter-half}); + max-width: calc(50% - #{$govuk-gutter-half}); } }