Fixed grid layouts being pushed out by child content

Ran a quick app run-thorugh in FireFox & Chrome, No secondary affects
immediately noticed but possible this could cause changes elsewhere due
to wide-spread grid item child targeting.

For #3523

diff --git a/resources/sass/_layout.scss b/resources/sass/_layout.scss
index 14a37dd4a2465777572e7787695d69ac690f1e26..2cd57d496559c142c404863bd942db0dca8125e6 100644 (file)
--- a/resources/sass/_layout.scss
+++ b/resources/sass/_layout.scss
@@ -26,6 +26,9 @@
   display: grid;
   grid-column-gap: $-l;
   grid-row-gap: $-l;
   display: grid;
   grid-column-gap: $-l;
   grid-row-gap: $-l;

+  > * {
+    min-width: 0;
+  }

   &.half {
     grid-template-columns: 1fr 1fr;
   }
   &.half {
     grid-template-columns: 1fr 1fr;
   }