(WIP) Code orginazation/refactoring and beging nework refactoring...

scss/menus/menu.scss

@@ -103,6 +103,8 @@ tooltip label {
 }
 
 .menu-section-container {
+    margin: 1.35em 0em;
+
     .menu-label {
         color: $text;
         font-size: 1.1em;
@@ -118,16 +120,18 @@ tooltip label {
         min-height: 2em;
     }
 
-    margin: 1.35em 0em;
-
-    &.volume {
+    &:first-child {
         margin-bottom: 0em;
     }
 
-    &.input {
+    &:last-child {
         margin-top: 0em;
     }
 
+    &:nth-child(2) {
+        margin-top: 1.35em;
+    }
+
     .menu-items-section {
         background: $base;
         border-radius: 0.4em;
@@ -135,13 +139,6 @@ tooltip label {
         border-top-right-radius: 0em;
         padding: 0.9em;
         margin: 0em 1.35em;
-
-        &.selected {
-            margin-bottom: 0em;
-        }
-        &.input {
-            margin-top: 0em;
-        }
     }
 }
 
@@ -232,6 +229,10 @@ tooltip label {
     font-weight: bold;
     color: $overlay0;
     margin-right: .5rem;
+
+    &.active {
+        color: $maroon;
+    }
 }
 
 .menu-item-box {

scss/menus/network.scss

@@ -1,91 +1,38 @@
 @import "../colors";
 
-.menu-dropdown-label.network {
-    color: $mauve;
-}
-
-.network-element-item-ethernet.multi {
-    margin-bottom: 0.5rem;
-}
-
-.menu-button-name.status.network {
-    margin-left: 2.5rem;
-}
-
-.menu-label.network {
-    color: $mauve;
-}
-
-.network-element-items-container * {
-    font-size: 0.95em;
-}
-
-.network-element-item {
-    &:not(:last-child) {
-        margin-bottom: 0.4em;
+.menu-items-container.network {
+    .menu-items-section {
+        padding-bottom: 1.5em;
     }
-
-    &:hover {
-        color: $mauve;
-    }
-}
-
-.menu-button-icon.network {
-    color: $overlay2;
-}
-
-.network-password-input {
-    border-radius: 0.4rem;
-    background: $crust;
-    padding: 0.4rem;
-    margin-left: 2.5rem;
-    margin-bottom: 0.5rem;
-    font-size: 0.85em;
-}
-
-.menu-icon-button.refresh.network {
-    margin-bottom: 1rem;
-
-    &:hover {
-        color: $mauve;
-    }
-}
-
-.network-password-input-close {
-    margin-left: 0.75rem;
-    margin-bottom: 0.6rem;
-
-    &:hover {
-        color: $sky;
-    }
-
-    label {
-        font-size: 1.45em;
-    }
-}
-
-.menu-icon-button.network.disconnect {
-    margin-bottom: 1.4rem;
-    margin-right: 0.5rem;
-
-    &:hover {
+    .menu-label {
         color: $mauve;
     }
 
-    label {
-        font-size: 1.2rem;
-    }
-}
-
-.menu-icon-button.network.forget {
-    margin-bottom: 1.4rem;
-    margin-right: 0.5rem;
-
-    &:hover {
+    .network-ethernet-icon {
+        font-size: 1.3em;
         color: $mauve;
     }
 
-    label {
-        font-size: 1.35em;
+    .connection-container {
+        margin-left: 1em;
+    }
+    .connection-status {
+        font-size: 0.9em;
+    }
+    .menu-section-container.wifi {
+        .menu-items-section {
+            min-height: 5em;
+        }
+    }
+
+    .network-element-item {
+
+        &:not(:last-child) {
+            margin-bottom: 0.5em;
+        }
+
+        &:hover {
+            color: $mauve;
+        }
     }
 }

scss/menus/notifications.scss

@@ -32,6 +32,15 @@
   margin: 0em;
 }
 
+.notification-card-content-container {
+  &:first-child {
+    margin-top: 0.5em;
+  }
+  &:not(:last-child) {
+    margin-bottom: 1em;
+  }
+}
+
 .menu-label-container.notifications {
   margin: 0em;
   padding: 0em;