From 774d78e9d857d91ca361e4942058b1b49466b508 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Fri, 9 May 2025 09:13:50 +0100
Subject: [PATCH] Increase size of record form save button on mobile

---
 lib/music_library_web/components/form_component.ex | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/music_library_web/components/form_component.ex b/lib/music_library_web/components/form_component.ex
index c8bd39cd..0d4801fa 100644
--- a/lib/music_library_web/components/form_component.ex
+++ b/lib/music_library_web/components/form_component.ex
@@ -125,7 +125,11 @@ defmodule MusicLibraryWeb.FormComponent do
           </div>
         </div>
         <:actions>
-          <.button phx-disable-with={gettext("Saving...")}>{gettext("Save")}</.button>
+          <div class="w-full md:flex md:justify-center">
+            <.button class="w-full md:w-auto" phx-disable-with={gettext("Saving...")}>
+              {gettext("Save")}
+            </.button>
+          </div>
         </:actions>
       </.simple_form>
     </div>