Style Polish

DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor

@@ -1,10 +1,11 @@
 @if (_isMinimized)
 {
-    <MudFab Color="Color.Primary"
-            StartIcon="@Icons.Material.Filled.ExpandLess"
-            Size="Size.Large"
-            Class="minimized-dock"
-            OnClick="@ToggleMinimized"/>
+    <div class="minimized-dock">
+        <MudFab Color="Color.Primary"
+                StartIcon="@Icons.Material.Filled.ExpandLess"
+                Size="Size.Large"
+                OnClick="@ToggleMinimized"/>
+    </div>
 }
 else
 {
@@ -47,7 +48,7 @@ else
             </MudAlert>
         }
     </div>
-    
-    @* Spacer to prevent content overlap *@
-    <div class="player-spacer"></div>
-}
+}
+
+@* Spacer to prevent content overlap *@
+<div class="player-spacer"></div>

DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.css

@@ -34,20 +34,20 @@
 }
 
 /* Minimized floating dock — positioning + hover only; colour from MudFab */
-::deep .minimized-dock {
+.minimized-dock {
     position: fixed;
     bottom: 60px;
     right: 60px;
     z-index: 1300;
 }
 
-::deep .minimized-dock:hover {
+.minimized-dock:hover {
     transform: scale(1.1);
 }
 
 /* Spacer to prevent content overlap */
 .player-spacer {
-    height: 140px;
+    height: 100px;
     width: 100%;
     flex-shrink: 0;
 }
@@ -68,7 +68,7 @@
     }
 
     .player-spacer {
-        height: 160px;
+        height: 120px;
     }
 }