From ec318607f1de33280e0d64213527158f2c288359 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Fri, 20 Mar 2026 10:35:52 +0000
Subject: [PATCH] Fix button/icon sizes in record set show

---
 lib/music_library_web/live/record_set_live/show.ex | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/music_library_web/live/record_set_live/show.ex b/lib/music_library_web/live/record_set_live/show.ex
index 32993286..e2a8e9df 100644
--- a/lib/music_library_web/live/record_set_live/show.ex
+++ b/lib/music_library_web/live/record_set_live/show.ex
@@ -99,26 +99,26 @@ defmodule MusicLibraryWeb.RecordSetLive.Show do
                   width={468}
                 />
               </.link>
-              <div
+              <button
                 data-sortable-handle
-                class="absolute top-1 left-1 flex items-center justify-center rounded-full bg-zinc-100/50 hover:bg-zinc-100/75 dark:bg-zinc-700/50 dark:hover:bg-zinc-700/75 size-8 sm:size-5 cursor-grab active:cursor-grabbing"
+                class="absolute top-1 left-1 flex items-center justify-center rounded-full bg-zinc-100/50 hover:bg-zinc-100/75 dark:bg-zinc-700/50 dark:hover:bg-zinc-700/75 size-8 sm:size-6 cursor-grab active:cursor-grabbing"
               >
                 <.icon
                   name="hero-bars-2"
                   class="size-3.5 text-zinc-800 dark:text-zinc-200"
                   aria-hidden="true"
                 />
-              </div>
+              </button>
               <button
                 phx-click="remove_record"
                 phx-value-record-id={item.record.id}
                 data-confirm={gettext("Remove this record from the set?")}
-                class="absolute top-1 right-1 flex items-center justify-center rounded-full bg-zinc-100/50 hover:bg-red-100/75 dark:bg-zinc-700/50 dark:hover:bg-red-900/50 size-8 sm:size-5 cursor-pointer"
+                class="absolute top-1 right-1 flex items-center justify-center rounded-full bg-zinc-100/50 hover:bg-red-100/75 dark:bg-zinc-700/50 dark:hover:bg-red-900/50 size-8 sm:size-6 cursor-pointer"
               >
                 <span class="sr-only">{gettext("Remove")}</span>
                 <.icon
                   name="hero-trash"
-                  class="icon text-zinc-800 hover:text-red-700 dark:text-zinc-200 dark:hover:text-red-400"
+                  class="size-3.5 text-zinc-800 hover:text-red-700 dark:text-zinc-200 dark:hover:text-red-400"
                   aria-hidden="true"
                 />
               </button>