Fixed Postion of macos-player-switcher-dot

modules/controlcenter/expanded_player.py

@@ -684,9 +684,9 @@ class PlayerBox(Box):
             v_expand=True,
             name="macos-stack-buttons-box",
             spacing=4,  # Reduced spacing
-            orientation="v",  # Vertical layout for compactness
-            h_align="end",
-            v_align="center",
+            orientation="h",  # Vertical layout for compactness
+            h_align="center",
+            v_align="end",
         )
         self.stack_buttons_box.hide()  # Initially hidden
 
@@ -756,7 +756,7 @@ class PlayerBox(Box):
         # Compact macOS layout: album art on left, expanded track info+controls, minimal switcher
         self.outer_box = Box(
             name="macos-outer-player-box",
-            orientation="h",
+            orientation="v",
             spacing=10,  # Reduced spacing between elements
             h_expand=True,
             v_expand=True,

modules/controlcenter/main.py

@@ -313,9 +313,7 @@ class ModusControlCenter(Window):
                                 ),
                             ],
                         ),
-                        Label(
-                            label=" ", name="brightness-widget-icon", h_align="start"
-                        ),
+                        Label(label=" ", name="volume-widget-icon", h_align="start"),
                     ],
                 ),
                 Box(

modules/controlcenter/player.py

@@ -18,6 +18,7 @@ from fabric.widgets.overlay import Overlay
 from fabric.widgets.stack import Stack
 from fabric.widgets.svg import Svg
 from gi.repository import GLib, GObject
+from fabric.widgets.centerbox import CenterBox
 from loguru import logger
 
 from services.mpris import MprisPlayer, MprisPlayerManager
@@ -187,13 +188,12 @@ class PlayerBoxStack(Box):
             children=[track_info, controls_box],
         )
 
-        inner_box = Box(
+        inner_box = CenterBox(
             name="inner-player-box",
-            h_expand=True,
-            v_align="center",
-            h_align="start",
-            children=[
+            start_children=[
                 image_stack,
+            ],
+            center_children=[
                 player_info_box,
             ],
         )

styles/controlcenter.css

@@ -269,14 +269,16 @@
 }
 
 #volume-widget-icon {
-  margin-top: -24px;
-  margin-right: -30px;
-  color: #999;
+  font-size: 22px;
+  margin-top: -26px;
+  margin-right: -36px;
+  color: #000;
 }
 
 #brightness-widget-icon {
+  font-size: 15px;
   margin-top: -27px;
-  margin-right: -28px;
+  margin-right: -29px;
   color: #000;
 }
 

styles/player.css

@@ -40,7 +40,7 @@
 }
 #outer-no-player-box-c {
   min-height: 55px;
-  min-width: 280px;
+  min-width: 310px;
   border-radius: 8px;
   /* margin: 0 6px; */
   /* background-color: alpha(#000, 0.3); */