From 77ee81c3fd37d5393a023b8849d7ba80cf05d637 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Thu, 5 Feb 2026 14:13:59 +0000
Subject: [PATCH] Move record set count

---
 .../live/record_set_live/index.html.heex           | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 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 73c8bc1b..e1672d54 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
@@ -38,9 +38,14 @@
       >
         <div class="flex items-baseline justify-between mb-3">
           <div class="grow">
-            <h2 class="text-lg font-semibold text-zinc-900 dark:text-zinc-100">
-              {record_set.name}
-            </h2>
+            <header class="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">
+                {ngettext("1 record", "%{count} records", length(record_set.items))}
+              </span>
+            </header>
             <article
               :if={record_set.description}
               class="text-sm mt-1 prose dark:prose-invert prose-zinc prose-sm prose-h1:text-sm max-w-none"
@@ -49,9 +54,6 @@
             </article>
           </div>
           <div class="flex items-center gap-2">
-            <span class="text-xs text-zinc-500 dark:text-zinc-400">
-              {ngettext("1 record", "%{count} records", length(record_set.items))}
-            </span>
             <.dropdown id={"set-actions-#{record_set.id}"} placement="bottom-end">
               <:toggle>
                 <.button variant="ghost">