Make scorecard table vertically scroll on narrow screens

mysociety · Feb 19, 2025 · fabb697 · fabb697
1 parent 27adb7d
commit fabb697
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/_sass/_scorecard.scss b/_sass/_scorecard.scss
@@ -61,13 +61,11 @@ body:has(.scorecard) {
     border-radius: var(--#{$prefix}border-radius);
     border: 1px solid var(--#{$prefix}border-color);
 
-    @include media-breakpoint-up(sm) {
-        display: flex;
-        flex-direction: column;
-        max-height: calc(100dvh - 4rem);
-        scroll-snap-align: start;
-        scroll-margin-top: 2rem;
-    }
+    display: flex;
+    flex-direction: column;
+    max-height: calc(100dvh - 4rem);
+    scroll-snap-align: start;
+    scroll-margin-top: 2rem;
 }
 
 .scorecard__data__header,
@@ -130,6 +128,10 @@ body:has(.scorecard) {
             cursor: pointer;
         }
 
+        tr > .council-name {
+            min-width: 15em !important;
+        }
+
         tr > .priority-0,
         tr > .priority-1,
         tr > .priority-2,