From e2ea659aacff7d539f74b57d0e7d5ae4ebced4dc Mon Sep 17 00:00:00 2001
From: tacticalnoot <130199656+tacticalnoot@users.noreply.github.com>
Date: Sat, 16 May 2026 00:04:53 -0500
Subject: [PATCH] Fix mobile viewport layout on song detail page

---
 src/pages/[id].astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/[id].astro b/src/pages/[id].astro
index 4e5fb58d..6e7cc9a8 100644
--- a/src/pages/[id].astro
+++ b/src/pages/[id].astro
@@ -152,7 +152,7 @@ if (id) {
     twitter_player={song_url ? `${Astro.url.origin}/embed/${id}` : null}
     twitter_player_stream={song_url}
 >
-	<div class="w-full min-h-[calc(100vh-80px)] lg:h-[calc(100vh-80px)] h-auto flex flex-col items-center justify-center lg:overflow-hidden overflow-y-auto pt-4 lg:pt-12 pb-8 px-4 lg:px-6">
+	<div class="w-full min-h-[calc(100svh-80px)] min-h-[calc(100vh-80px)] lg:h-[calc(100svh-80px)] lg:h-[calc(100vh-80px)] h-auto flex flex-col items-center justify-start lg:justify-center lg:overflow-hidden overflow-y-auto pt-4 lg:pt-12 pb-8 px-4 lg:px-6">
 		<div data-astro-transition-scope={`song-${id}`}>
 			<SmolResults id={id as string} client:only="svelte" />
 		</div>