From efdc7ca7f1a7d4f9ee2617be2f41af50fc596509 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sun, 25 May 2025 18:33:18 +0100
Subject: [PATCH] Improve styling of release dropdown

---
 lib/music_library_web/components/form_component.ex    | 2 +-
 lib/music_library_web/components/record_components.ex | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/music_library_web/components/form_component.ex b/lib/music_library_web/components/form_component.ex
index 420729de..23b3605d 100644
--- a/lib/music_library_web/components/form_component.ex
+++ b/lib/music_library_web/components/form_component.ex
@@ -133,7 +133,7 @@ defmodule MusicLibraryWeb.FormComponent do
   defp release_option(assigns) do
     ~H"""
     <div class={[
-      "cursor-default px-3 py-2 rounded-lg",
+      "cursor-default px-2 py-1 md:px-3 md:py-2 rounded-md",
       "in-data-highlighted:bg-zinc-100 dark:in-data-highlighted:bg-zinc-600",
       "[[data-highlighted]_&]:flx-focus:bg-zinc-100"
     ]}>
diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index fde933d4..b573df4c 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/lib/music_library_web/components/record_components.ex
@@ -284,15 +284,15 @@ defmodule MusicLibraryWeb.RecordComponents do
 
   def release_summary(assigns) do
     ~H"""
-    <div class="grid w-full grid-cols-2 space-x-1 text-zinc-700 dark:text-zinc-300">
+    <div class="grid grid-cols-2 space-x-1 text-zinc-700 dark:text-zinc-300">
       <div class="space-x-1">
-        <span :if={@release.catalog_number} class="font-mono text-sm">
+        <span :if={@release.catalog_number} class="font-mono text-xs md:text-sm">
           {@release.catalog_number}
         </span>
         <.format_badge release={@release} />
       </div>
       <div class="text-right">
-        <span class="text-sm">{@release.date}</span>
+        <span class="text-xs md:text-sm">{@release.date}</span>
         <span>{country_label(@release.country)}</span>
       </div>
       <div class="col-span-2">
@@ -306,7 +306,7 @@ defmodule MusicLibraryWeb.RecordComponents do
 
   defp format_badge(assigns) do
     ~H"""
-    <.badge>
+    <.badge class="text-xs md:text-sm">
       {@release |> ReleaseSearchResult.format() |> format_label()}
     </.badge>
     """