From 631941f690cb8d681b7cd1f8b87f05d8c8e1109d Mon Sep 17 00:00:00 2001
From: XShine555 <xshine555@gmail.com>
Date: Thu, 16 Jul 2026 17:40:34 +0200
Subject: [PATCH] fix(frontend): enlarge playlist submenu text, thumbnail and
 padding

---
 frontend/src/routes/(app)/explore/+page.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/routes/(app)/explore/+page.svelte b/frontend/src/routes/(app)/explore/+page.svelte
index 884fc35..ebe1fdf 100644
--- a/frontend/src/routes/(app)/explore/+page.svelte
+++ b/frontend/src/routes/(app)/explore/+page.svelte
@@ -385,9 +385,9 @@
 					: 'left-full pl-1'}"
 			>
 				<div
-					class="w-56 rounded-2xl border border-white/10 bg-neutral-900 p-1.5 shadow-[0_12px_28px_-10px_rgba(0,0,0,0.8)]"
+					class="w-64 rounded-2xl border border-white/10 bg-neutral-900 p-3 shadow-[0_12px_28px_-10px_rgba(0,0,0,0.8)]"
 				>
-					<div class="max-h-72 overflow-y-auto">
+					<div class="max-h-80 overflow-y-auto">
 						{#each data.playlists as playlist (playlist.id)}
 							<form
 								method="POST"
@@ -410,14 +410,14 @@
 								{/if}
 								<button
 									type="submit"
-									class="flex w-full items-center gap-2.5 rounded-lg px-2 py-1.5 text-left text-sm text-neutral-200 transition hover:bg-white/5"
+									class="flex w-full items-center gap-3 rounded-lg px-3 py-3 text-left text-base text-neutral-200 transition hover:bg-white/5"
 								>
 									<PlaylistArt
 										playlistId={playlist.id}
 										trackIds={[]}
 										hue={hueFor(playlist.id)}
 										size="small"
-										class="h-8 w-8 flex-shrink-0 rounded-lg"
+										class="h-11 w-11 flex-shrink-0 rounded-lg"
 									/>
 									<span class="truncate">{playlist.name}</span>
 								</button>