Update audio menu styling to combine available devie sections and improve bluetooth spacing

modules/menus/audio/available/index.js

@@ -38,17 +38,11 @@ const availableDevices = () => {
               }),
             ],
           }),
-        ],
-      }),
           Widget.Box({
-        class_name: "menu-section-container input",
+            class_name: "menu-label-container input",
-        vertical: true,
-        children: [
-          Widget.Box({
-            class_name: "menu-label-container playback",
             hpack: "fill",
             child: Widget.Label({
-              class_name: "menu-label audio playback",
+              class_name: "menu-label audio input",
               hexpand: true,
               hpack: "start",
               label: "Input Devices",

scss/menus/audiomenu.scss

@@ -32,8 +32,15 @@
 }
 .menu-section-container.playback {
     margin-top: 0em;
-    margin-bottom: 0.65em;
+    margin-bottom: 1.35em;
 }
 .menu-section-container.input {
     margin-top: 0em;
 }
+
+.menu-label-container.input {
+    border-radius: 0em;
+}
+.menu-items-section.playback {
+    border-radius: 0em;
+}

scss/menus/bluetooth.scss

@@ -40,14 +40,12 @@
     }
 
     .bluetooth-element-item {
-            margin-bottom: 0.5em;
+            margin-bottom: 0.7em;
-            // background: $teal;
         &:hover {
             color: $sky;
         }
 
         image {
-            // background: $red;
             margin-right: 0em;
             margin-top: 0.0em;
             min-height: 1em;
@@ -59,7 +57,6 @@
         }
 
         label {
-            // background: $yellow;
             font-size: 1em;
         }
 

style.css

@@ -878,13 +878,21 @@ window#powermenu .powermenu.box {
 
 .menu-section-container.playback {
   margin-top: 0em;
-  margin-bottom: 0.65em;
+  margin-bottom: 1.35em;
 }
 
 .menu-section-container.input {
   margin-top: 0em;
 }
 
+.menu-label-container.input {
+  border-radius: 0em;
+}
+
+.menu-items-section.playback {
+  border-radius: 0em;
+}
+
 .menu-items-container.network {
   font-size: 1.3em;
 }
@@ -989,7 +997,7 @@ window#powermenu .powermenu.box {
   color: #89dceb;
 }
 .menu-items-container.bluetooth .bluetooth-element-item {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.7em;
 }
 .menu-items-container.bluetooth .bluetooth-element-item:hover {
   color: #89dceb;