actual layout improvements

src/routes/+layout.svelte

@@ -38,20 +38,20 @@
 		</div>
 	</header>
 
-	<main class="flex flex-col items-center]">
+	<main class="flex flex-col p-4 max-sm:px-2">
 		{@render children()}
 	</main>
 
 	<!-- Desktop sidebar column (in normal flow) -->
 	<!-- PlayerRoot uses contents to inject its children into this grid -->
-	<ClientOnly showFallback={false}>
-		{#snippet children()}
-			<div class="contents">
-				<PlayerRoot />
-			</div>
-		{/snippet}
-	</ClientOnly>
 </div>
+<ClientOnly showFallback={false}>
+	{#snippet children()}
+		<div class="contents">
+			<PlayerRoot />
+		</div>
+	{/snippet}
+</ClientOnly>
 
 <!-- Mobile player UI is rendered via a portal from the single GlobalPlayer instance
      mounted in the desktop sidebar column above. -->