From 162b5208aeca1d27f10421f08221320891cfaf1a Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sat, 14 Feb 2026 18:27:49 +0000
Subject: [PATCH] Improve layout and font size for record set show page

---
 .../live/record_set_live/show.html.heex              | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/music_library_web/live/record_set_live/show.html.heex b/lib/music_library_web/live/record_set_live/show.html.heex
index 7be5700b..7dbe8345 100644
--- a/lib/music_library_web/live/record_set_live/show.html.heex
+++ b/lib/music_library_web/live/record_set_live/show.html.heex
@@ -71,7 +71,7 @@
 
       <div
         :if={@record_set.items != []}
-        class="grid grid-cols-2 sm:grid-cols-4 gap-4"
+        class="grid grid-cols-3 sm:grid-cols-6 gap-4"
         id="record-set-records"
         phx-hook="SortableList"
       >
@@ -93,7 +93,7 @@
             <MusicLibraryWeb.RecordComponents.record_cover
               record={item.record}
               class="rounded-lg aspect-square object-cover"
-              width={512}
+              width={468}
             />
           </.link>
           <.link
@@ -103,7 +103,7 @@
             <MusicLibraryWeb.RecordComponents.record_cover
               record={item.record}
               class="rounded-lg aspect-square object-cover"
-              width={512}
+              width={468}
             />
           </.link>
           <div
@@ -157,10 +157,10 @@
               </.dropdown_button>
             </.dropdown>
           </div>
-          <h1 class="mt-1 text-xs sm:text-sm leading-6 text-zinc-700">
-            <.artist_links joinphrase_class="text-xs" artists={item.record.artists} />
+          <h1 class="mt-1 text-sm sm:text-sm leading-6 text-zinc-700">
+            <.artist_links joinphrase_class="text-sm" artists={item.record.artists} />
           </h1>
-          <h2 class="flex font-semibold text-xs sm:text-sm leading-5 text-zinc-700 dark:text-zinc-300 text-wrap">
+          <h2 class="flex font-semibold text-sm sm:text-sm leading-5 text-zinc-700 dark:text-zinc-300 text-wrap">
             {item.record.title}
           </h2>
           <p class="pointer-events-none block text-sm font-medium text-zinc-500">