a few more layout optimizations

src/lib/components/player/PlayerDesktop.svelte

@@ -14,21 +14,17 @@
 	class="h-full flex flex-col border-l bg-background/50 backdrop-blur w-full"
 >
 	{#if player.currentTrack}
-		<div class="p-6 space-y-6 shrink-0">
+		<div class="p-6 space-y-4 shrink-0">
 			<!-- Track Info -->
 			<div class="space-y-1.5 text-center">
 				<h2 class="text-xl font-bold leading-tight line-clamp-2">
 					{player.currentTrack.title}
 				</h2>
-				<p
-					class="text-muted-foreground font-medium text-lg line-clamp-1"
-				>
+				<p class="text-muted-foreground font-medium text-lg line-clamp-1">
 					{player.currentTrack.artist}
 				</p>
 				<p class="text-xs text-muted-foreground/80">
-					{player.currentTrack.album ||
-						player.currentTrack.animeName ||
-						""}
+					{player.currentTrack.album || player.currentTrack.animeName || ""}
 				</p>
 			</div>
 
@@ -49,12 +45,10 @@
 			</div>
 
 			<!-- Controls -->
-			<div class="flex justify-center">
+			<div class="flex justify-center gap-4 divide-x divide-accent">
 				<Controls />
-			</div>
-
 				<!-- Volume -->
-			<div class="flex items-center gap-3 px-4">
+				<div class="flex items-center gap-3">
 					<button
 						onclick={() => player.toggleMute()}
 						class="text-muted-foreground hover:text-foreground transition-colors"
@@ -77,16 +71,15 @@
 					/>
 				</div>
 			</div>
+		</div>
 
 		<!-- Divider -->
 		<div class="h-px bg-border mx-6"></div>
 
 		<!-- Queue (Scrollable) -->
-		<div class="flex-1 min-h-0 overflow-hidden relative p-4">
+		<div class="flex-1 overflow-hidden relative p-4">
 			<div class="absolute inset-0 p-4 pt-0">
-				<div
-					class="h-full overflow-hidden rounded-lg border bg-muted/20"
-				>
+				<div class="h-full overflow-hidden rounded-lg border bg-muted/20">
 					<Queue />
 				</div>
 			</div>