Merge branch 'master' into collaboration-again

1 files changed, 41 insertions, 19 deletions

diff --git a/src/client/views/DashboardView.scss b/src/client/views/DashboardView.scss
index 4551fb4f4..6be2133ef 100644
--- a/src/client/views/DashboardView.scss
+++ b/src/client/views/DashboardView.scss
@@ -11,13 +11,14 @@
     padding-right: 0px;
     overflow: auto;
 
-    .left-menu {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: column;
-        width: 250px;
-        min-width: 250px;
-    }
+      .left-menu {
+            display: flex;
+            justify-content: flex-start;
+            flex-direction: column;
+            width: 250px;
+            min-width: 250px;
+            gap: 5px;
+      }
 
     .all-dashboards {
         display: flex;
@@ -60,23 +61,34 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    position: relative;
 
     &:hover {
         color: $light-blue;
         border: solid 2px $light-blue;
     }
+
+    .background {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        z-index: -1;
+      }
 }
 
 .dashboard-container {
-    border-radius: 10px;
-    cursor: pointer;
-    width: 250px;
-    height: 200px;
-    outline: solid 2px $light-gray;
-    display: flex;
-    flex-direction: column;
-    margin: 0 0px 30px 30px;
-    overflow: hidden;
+      border-radius: 10px;
+      position: relative;
+      cursor: pointer;
+      width: 250px;
+      height: 200px;
+      outline: solid 2px $light-gray;
+      display: flex;
+      flex-direction: column;
+      margin: 0 0px 30px 30px;
+      overflow: hidden;
 
     &:hover {
         outline: solid 2px $light-blue;
@@ -110,13 +122,23 @@
         background: 'lightgreen';
     }
 
-    .more {
-        z-index: 100;
-    }
+      .more {
+            z-index: 100;
+      }
+
+      .background {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        z-index: -1;
+      }
 }
 
 .new-dashboard {
     color: $dark-gray;
+    padding: 10px;
     display: flex;
     width: 100%;
     height: 100%;