From 3c2abcc9ae29c3c59580b2d828980ed15f5faf47 Mon Sep 17 00:00:00 2001
From: Jas Singh <jaskiratpal.singh@outlook.com>
Date: Sat, 13 Jul 2024 21:07:18 -0700
Subject: [PATCH] Styling fixes

---
 modules/menus/bluetooth/devices/devicelist.js | 3 ++-
 modules/menus/bluetooth/devices/index.js      | 1 -
 scss/bar/media.scss                           | 1 -
 scss/menus/bluetooth.scss                     | 2 +-
 4 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/modules/menus/bluetooth/devices/devicelist.js b/modules/menus/bluetooth/devices/devicelist.js
index 3530de4..9627944 100644
--- a/modules/menus/bluetooth/devices/devicelist.js
+++ b/modules/menus/bluetooth/devices/devicelist.js
@@ -79,9 +79,10 @@ const devices = (bluetooth, self) => {
                   Widget.Box({
                     hexpand: true,
                     hpack: "start",
+                    class_name: "menu-button-container",
                     children: [
                       Widget.Icon({
-                        vpack: "start",
+                        vpack: "center",
                         class_name: `menu-button-icon bluetooth ${conDevNames.includes(device.address) ? "active" : ""}`,
                         icon: `${device["icon-name"]}-symbolic`,
                       }),
diff --git a/modules/menus/bluetooth/devices/index.js b/modules/menus/bluetooth/devices/index.js
index a2d7f6e..7393bd0 100644
--- a/modules/menus/bluetooth/devices/index.js
+++ b/modules/menus/bluetooth/devices/index.js
@@ -10,7 +10,6 @@ const Devices = () => {
       label(bluetooth),
       Widget.Scrollable({
         class_name: "menu-items-section",
-        // vertical: true,
         hscroll: 'never',
         vscroll: 'always',
         child: Widget.Box({
diff --git a/scss/bar/media.scss b/scss/bar/media.scss
index a5c7c9a..8de44b6 100644
--- a/scss/bar/media.scss
+++ b/scss/bar/media.scss
@@ -1,7 +1,6 @@
 @import "../colors";
 
 .media {
-  font-size: 1rem;
   color: $lavender;
 }
 
diff --git a/scss/menus/bluetooth.scss b/scss/menus/bluetooth.scss
index 7738f3b..db62ee0 100644
--- a/scss/menus/bluetooth.scss
+++ b/scss/menus/bluetooth.scss
@@ -62,7 +62,7 @@
 
         .connection-status {
             font-size: 0.9em;
-            margin-left: 1em;
+            margin-left: 1rem;
         }
     }