From a626b2f1fa8474dcf6ae458ab3aff2515a764821 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 29 Sep 2022 15:00:26 +0200
Subject: [PATCH] wip #5496 @0:10

---
 style/inc/page-dashboard.sass | 83 +++++++++++++++++++++--------------
 style/style.sass              |  5 +--
 2 files changed, 50 insertions(+), 38 deletions(-)

diff --git a/style/inc/page-dashboard.sass b/style/inc/page-dashboard.sass
index 82d1325..d0427a4 100644
--- a/style/inc/page-dashboard.sass
+++ b/style/inc/page-dashboard.sass
@@ -1,11 +1,22 @@
 main
   section
+
+    .grid
+      display: grid
+      grid-template-columns: repeat( 3, 1fr)
+      grid-gap: 25px
+
     &.indicators
       article
         height: 100px
         text-align: right
         color: $headings-color
 
+        .no-cssgrid &
+          display: inline-block
+          width: 30%
+          margin: 0 25px 25px 0
+
         &.map
           height: auto
           min-height: 600px
@@ -24,46 +35,50 @@ main
           left: 15px
           height: 70px
 
-      &.charts
-        article
-          position: relative
-          padding: 20px
+    &.charts
+      article
+        position: relative
+        padding: 20px
+        .no-cssgrid &
+          display: inline-block
+          width: 30%
+          margin: 0 25px 25px 0
 
-          h4
-            margin: 5px
+        h4
+          margin: 5px
 
-          .chart
-            img
-              width: 100%
-              height: 100%
-              object-fit: contain
-              object-position: 50% 0
+        .chart
+          img
+            width: 100%
+            height: 100%
+            object-fit: contain
+            object-position: 50% 0
 
-          .chart-menu
-            position: absolute
-            top: 20px
-            right: 20px
-            color: $light-color
+        .chart-menu
+          position: absolute
+          top: 20px
+          right: 20px
+          color: $light-color
 
-            .dots
-              svg
-                height: 10px
+          .dots
+            svg
+              height: 10px
 
-            .buttons
-              display: none
+          .buttons
+            display: none
 
-              a
-                display: inline-block
-                margin: 0 1px
-                color: $light-color
+            a
+              display: inline-block
+              margin: 0 1px
+              color: $light-color
 
-                svg
-                  height: 30px
+              svg
+                height: 30px
 
-          &:hover
-            .chart-menu
-              .dots
-                display: none
+        &:hover
+          .chart-menu
+            .dots
+              display: none
 
-              .buttons
-                display: block
\ No newline at end of file
+            .buttons
+              display: block
\ No newline at end of file
diff --git a/style/style.sass b/style/style.sass
index 0015f9f..6b8aa96 100644
--- a/style/style.sass
+++ b/style/style.sass
@@ -20,10 +20,7 @@ main
       font-weight: 900
       margin-bottom: 9px
 
-    .grid
-      display: grid
-      grid-template-columns: repeat( 3, 1fr)
-      grid-gap: 25px
+
 
     article
       position: relative
-- 
2.39.5