From c13cab4f42e2c38d278aaae39d2bb868fef94590 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Fri, 6 Feb 2026 20:17:54 +0000
Subject: [PATCH] Fix record set header formatting on mobile

---
 lib/music_library_web/live/record_set_live/index.html.heex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/music_library_web/live/record_set_live/index.html.heex b/lib/music_library_web/live/record_set_live/index.html.heex
index c730b83f..a8a1f9ed 100644
--- a/lib/music_library_web/live/record_set_live/index.html.heex
+++ b/lib/music_library_web/live/record_set_live/index.html.heex
@@ -40,11 +40,11 @@
       >
         <div class="flex items-baseline justify-between mb-3">
           <div class="grow">
-            <header class="flex items-baseline justify-start">
+            <header class="sm:flex items-baseline justify-start">
               <h2 class="text-lg font-semibold text-zinc-900 dark:text-zinc-100">
                 {record_set.name}
               </h2>
-              <span class="ml-2 text-xs text-zinc-500 dark:text-zinc-400">
+              <span class="sm:ml-2 text-xs text-zinc-500 dark:text-zinc-400">
                 {gettext("%{collected}/%{total} records", RecordSet.count_by_status(record_set))}
               </span>
             </header>