From b4b9e886e87f26ad8bfd164820648cee6caf64d2 Mon Sep 17 00:00:00 2001
From: XShine555 <xshine555@gmail.com>
Date: Tue, 21 Jul 2026 19:16:37 +0200
Subject: [PATCH] fix(web-player): tune the card sizes so the grids scale

The recently played rows stretched to 378px on a 1920 screen and the
discover wall broke into eight narrow columns. Cards now stay in a
narrow band: 295-349px for the rows, 203-218px everywhere else.
---
 web-player/src/lib/components/ui/MediaGrid.svelte | 2 +-
 web-player/src/routes/+page.svelte                | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web-player/src/lib/components/ui/MediaGrid.svelte b/web-player/src/lib/components/ui/MediaGrid.svelte
index 3edc62f..1a6686e 100644
--- a/web-player/src/lib/components/ui/MediaGrid.svelte
+++ b/web-player/src/lib/components/ui/MediaGrid.svelte
@@ -11,7 +11,7 @@
 
 	let {
 		as = 'div',
-		min = '180px',
+		min = '200px',
 		minMobile = '150px',
 		class: klass = '',
 		children
diff --git a/web-player/src/routes/+page.svelte b/web-player/src/routes/+page.svelte
index 698729d..48a6f0e 100644
--- a/web-player/src/routes/+page.svelte
+++ b/web-player/src/routes/+page.svelte
@@ -186,8 +186,8 @@
 
 {#if recentlyPlayed.length > 0}
 	<section class="page-x pt-5 pb-3 sm:pt-6">
-		<SectionHeading title="Escuchado recientemente" />
-		<MediaGrid min="300px" minMobile="220px">
+		<SectionHeading title="Volver a escuchar" />
+		<MediaGrid min="280px" minMobile="220px">
 			{#each recentlyPlayed as track, i (track.id)}
 				<button
 					type="button"
@@ -232,7 +232,7 @@
 		{#if mixes.length > 0}
 			<div class="min-w-0">
 				<SectionHeading title="Hechas para ti" />
-				<MediaGrid min="140px" minMobile="130px">
+				<MediaGrid min="150px" minMobile="130px">
 					{#each mixes as mix, i (mix.id)}
 						<MixCard {mix} index={i} />
 					{/each}
@@ -251,7 +251,7 @@
 						{/if}
 					{/snippet}
 				</SectionHeading>
-				<MediaGrid min="140px" minMobile="130px">
+				<MediaGrid min="150px" minMobile="130px">
 					{#each playlists as playlist, i (playlist.id)}
 						<PlaylistCard
 							id={playlist.id}