From 231645d8f96fb023216aaff5e93d912baf1c4d57 Mon Sep 17 00:00:00 2001
From: S4NKALP <sankalptharu50028@gmail.com>
Date: Mon, 23 Mar 2026 23:34:07 +0545
Subject: [PATCH] refactor(styles): rename selectors and add min-width to
 container
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- rename `#osd` selectors to `#osd-container` for better encapsulation
- add `min-width: 180px` to the container definition
- update muted styling rules to use `#osd-container.muted` instead of element‑specific classes
- replace deprecated `#brighntess-icons.muted` with `#osd-image.muted`
- clean up stray braces and whitespace in the stylesheet
---
 styles/osd.css | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/styles/osd.css b/styles/osd.css
index 38c82d9..4c4d8eb 100644
--- a/styles/osd.css
+++ b/styles/osd.css
@@ -1,16 +1,17 @@
-#osd {
+#osd-container {
     background-color: alpha(#fff, 0.09);
     padding: 12px 20px;
     margin: 70px;
+    min-width: 180px;
     min-height: 200px;
     border-radius: 16px;
 }
 
-#osd scale {
+#osd-container scale {
     min-width: 180px;
 }
 
-#osd trough {
+#osd-container trough {
     background: var(--surface);
     min-height: 15px;
     margin-right: 4px;
@@ -18,21 +19,19 @@
     border-radius: 16px;
 }
 
-#osd trough highlight {
+#osd-container trough highlight {
     border-radius: 100px;
     background: var(--primary);
     transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
-#osd.muted trough highlight,
-#osd.muted slider,
-#osd scale.muted trough highlight,
-#osd scale.muted slider {
+#osd-container.muted trough highlight,
+#osd-container.muted slider,
+#osd-container scale.muted trough highlight,
+#osd-container scale.muted slider {
     background-color: var(--surface-bright);
 }
 
-#brighntess-icons.muted,
-#vol-icon.muted,
-#mic-icon.muted {
+#osd-image.muted {
     color: var(--outline);
-}
+}
\ No newline at end of file