feat: add grid to designation categories

unepwcmc · Jan 3, 2024 · f560c67 · f560c67
1 parent 6a6c513
commit f560c67
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/app/assets/stylesheets/components/cards/card/stats/_card-stats-overview.scss b/app/assets/stylesheets/components/cards/card/stats/_card-stats-overview.scss
@@ -157,7 +157,7 @@
 
       &--designations {
         @include flex;
-        gap: 0.75rem;
+        gap: 0.25rem;
       }
     }
   }

diff --git a/app/assets/stylesheets/components/charts/_chart-legend.scss b/app/assets/stylesheets/components/charts/_chart-legend.scss
@@ -28,17 +28,14 @@
   gap: 2.5rem;
 
   @include breakpoint($medium) {
-    flex-direction: row;
-    justify-content: space-between;
-    gap:0.25rem;
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 3rem;
   }
 
   .chart__legend-group {
     margin-bottom: 0;
-
-    @include breakpoint($medium) {
-      width: calc(33% - 12px);
-    }
+
 
     @for $i from 1 through length($theme-chart) {
       &:nth-child(#{$i}) {