From 83c70d4ec3ca0a0dcccce933b18a6f4563314328 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 1 Oct 2024 22:37:46 +0100
Subject: [PATCH] Make import format choice buttons visible on mobile

---
 lib/music_library_web/live/record_live/import_component.ex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/music_library_web/live/record_live/import_component.ex b/lib/music_library_web/live/record_live/import_component.ex
index b7eab021..75022e86 100644
--- a/lib/music_library_web/live/record_live/import_component.ex
+++ b/lib/music_library_web/live/record_live/import_component.ex
@@ -48,7 +48,7 @@ defmodule MusicLibraryWeb.RecordLive.ImportComponent do
         </div>
       </div>
 
-      <div class="hidden shrink-0 sm:flex sm:flex-col sm:items-end">
+      <div class="shrink-0 sm:flex sm:flex-col sm:items-end">
         <span class="isolate inline-flex rounded-md shadow-sm">
           <button
             :for={format <- Records.Record.formats()}
@@ -56,7 +56,7 @@ defmodule MusicLibraryWeb.RecordLive.ImportComponent do
               JS.push("import", value: %{id: @release_group.id, format: format}, page_loading: true)
             }
             type="button"
-            class="relative -ml-px inline-flex items-center first:rounded-l-md last:rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"
+            class="relative -ml-px inline-flex items-center first:rounded-l-md last:rounded-r-md bg-white px-2 sm:px-3 py-1 sm:py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"
           >
             <%= Records.Record.format_short_label(format) %>
           </button>