fix(css): halve volume control width and pin it to flex-start at wide breakpoints

2026-06-05 14:28:50 -04:00
parent 8178174275
commit 78c6803e6b
2 changed files with 3 additions and 3 deletions
@@ -89,7 +89,7 @@
@media (min-width: 600px) {
    ::deep .transport-zone { order: 1; }
    ::deep .seek-zone { order: 2; flex-grow: 1; flex-basis: 0; }
-    ::deep .volume-controls { order: 3; }
+    ::deep .volume-controls { order: 3; align-self: flex-start; }
 }

 /* Narrow (< 600px): transport + volume on top row, seek full-width below */
@@ -1,8 +1,8 @@
 /* Width caps only — layout/colour come from MudStack + theme */
 .volume-controls {
-    width: 140px;
+    width: 70px;
 }

 .volume-slider {
-    width: 100px;
+    width: 50px;
 }