From 870c44b6c4877aa63015ebc6ab8e60eed2f37134 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sat, 24 Jan 2026 09:08:26 +0000
Subject: [PATCH] Improve sizing of record color inputs

---
 lib/music_library_web/components/record_form.ex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/music_library_web/components/record_form.ex b/lib/music_library_web/components/record_form.ex
index 49af75a4..f28a09fd 100644
--- a/lib/music_library_web/components/record_form.ex
+++ b/lib/music_library_web/components/record_form.ex
@@ -76,9 +76,9 @@ defmodule MusicLibraryWeb.Components.RecordForm do
                 type="color"
                 name="record[dominant_colors][]"
                 value={color}
-                class="size-8 rounded border border-zinc-300 cursor-pointer"
+                class="size-12 md:size-16 rounded border border-zinc-300 cursor-pointer"
               />
-              <span class="text-xs mt-1 text-zinc-600 dark:text-zinc-400">
+              <span class="text-xs md:text-sm mt-1 text-zinc-600 dark:text-zinc-400">
                 {String.upcase(color)}
               </span>
             </div>