Fix margin between menu cards and added directory menu in dashboard.

scss/menus/audiomenu.scss

@@ -27,3 +27,13 @@
     }
 }
 
+.menu-section-container.volume {
+    margin-bottom: 0.65em;
+}
+.menu-section-container.playback {
+    margin-top: 0em;
+    margin-bottom: 0.65em;
+}
+.menu-section-container.input {
+    margin-top: 0em;
+}

scss/menus/calendar.scss

@@ -80,6 +80,12 @@
   }
 }
 
+.calendar-menu-item-container.clock {
+  margin-bottom: 0.65em;
+}
+.calendar-menu-item-container.calendar {
+  margin-bottom: 0.65em;
+}
 .calendar-menu-item-container.weather {
   margin-bottom: 0em;
 }

scss/menus/dashboard.scss

@@ -18,6 +18,8 @@
     }
 
     .profile-picture-container {
+        margin-right: 0.65em;
+        margin-bottom: 0.65em;
         .profile-picture {
             font-size: 7.5em;
         }
@@ -30,6 +32,7 @@
 
     .power-menu-container {
         margin-left: 0em;
+        margin-bottom: 0.65em;
 
         .dashboard-button {
             min-width: 3em;
@@ -83,10 +86,14 @@
 
         .container {
             margin-top: 0em;
+            margin-bottom: 0.65em;
 
             &.most-used {
                 margin-right: 0em;
             }
+            &.utilities {
+                margin-left: 0.65em;
+            }
 
             button {
                 background: $lavender;
@@ -114,6 +121,7 @@
     }
 
     .controls-container {
+        margin-bottom: 0.65em;
         &.dashboard-card {
             margin-top: 0em;
         }
@@ -186,6 +194,51 @@
         }
     }
 
+    .directories-container {
+        &.dashboard-card {
+            margin-top: 0em;
+            margin-bottom: 0.65em;
+            padding-left: 1.5em;
+            padding-right: 0em;
+        }
+
+        .directory-link {
+            padding: 0.5em 0em;
+            min-width: 9em;
+
+            &:last-child {
+                margin-bottom: 0em;
+            }
+
+            label {
+                font-size: 1.3em;
+            }
+
+            &.documents {
+                color: $teal;
+            }
+            &.downloads {
+                color: $pink;
+            }
+            &.home {
+                color: $lavender;
+            }
+            &.pictures {
+                color: $mauve;
+            }
+            &.videos {
+                color: $yellow;
+            }
+            &.projects {
+                color: $maroon;
+            }
+
+            &:hover {
+                color: $green;
+            }
+        }
+    }
+
     .stats-container {
         margin-top: 0em;
 

scss/menus/media.scss

@@ -96,7 +96,7 @@
       progress {
         border-radius: 0.2em;
         min-height: .85em;
-        background: $lavender;
+        background: $pink;
       }
     }
 

scss/menus/network.scss

@@ -36,6 +36,7 @@
         font-size: 0.9em;
     }
     .menu-section-container.wifi {
+        margin-top: 0.65em;
         .menu-items-section {
             min-height: 12em;
         }

scss/menus/notifications.scss

@@ -3,7 +3,7 @@
 .notification-card-container.menu {
   margin: 0em;
   min-width: 28.6em;
-  min-height: 49.5em;
+  min-height: 48em;
   background: $crust;
   border: 0.13em solid $surface0;
   border-radius: 0.7em;
@@ -38,7 +38,10 @@
   }
 
   .notification-card-content-container {
-    margin-bottom: 1em;
+    margin-bottom: 0.65em;
+    &:last-child {
+      margin-bottom: 1.3em;
+    }
   }
   .notification-card-content {
     margin-bottom: 0.25em;