WEB1-163: Fixed Table heading

id-sk · Aug 3, 2022 · e4792b5 · e4792b5
1 parent 6d741ea
commit e4792b5
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/src/idsk/components/table/_table.scss b/src/idsk/components/table/_table.scss
@@ -16,21 +16,32 @@
   .idsk-table__heading {
     display: flex;
     justify-content: space-between;
+    @include mq($until: tablet) {
+      flex-direction: column;
+    }
+
     &-container {
-      min-width: 50%;
-      flex: 1;
+      flex: 1 1 0;
+      max-width: 50%;
+      @include mq($until: tablet) {
+        max-width: 100%;
+      }
     }
+
     &-extended {
+      flex: 1 1 0;
+
       .govuk-radios {
         display: flex;
         flex-wrap: wrap;
 
         .govuk-radios__item {
           display: flex;
           float: none;
-          flex: 1;
           margin-right: 0;
-          padding: 0 govuk-spacing(4) 0 0;
+          padding: 0;
+          margin-left: govuk-spacing(4);
+          flex: 1 1 0;
 
           .govuk-radios__input {
             position: initial;
@@ -39,7 +50,7 @@
           }
 
           .govuk-radios__label {
-            white-space: nowrap;
+            flex: 1;
 
             &::before {
               width: 36px;