From 1aaf2ecff017dadec1e4aee9c345b2105c9df11c Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Wed, 27 Aug 2025 21:18:24 +0300
Subject: [PATCH] Fix sizing/margin of modal on smaller viewports

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

diff --git a/lib/music_library_web/components/core_components.ex b/lib/music_library_web/components/core_components.ex
index f5762420..8af42095 100644
--- a/lib/music_library_web/components/core_components.ex
+++ b/lib/music_library_web/components/core_components.ex
@@ -105,7 +105,7 @@ defmodule MusicLibraryWeb.CoreComponents do
     ~H"""
     <Fluxon.Components.Modal.modal
       id={@id}
-      class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+      class="mx-auto sm:min-w-2xl max-w-sm md:max-w-3xl mt-8"
       placement="top"
       open={@open}
       on_close={@on_close}
diff --git a/lib/music_library_web/components/form_component.ex b/lib/music_library_web/components/form_component.ex
index 04ccf6eb..77a70a2c 100644
--- a/lib/music_library_web/components/form_component.ex
+++ b/lib/music_library_web/components/form_component.ex
@@ -17,7 +17,7 @@ defmodule MusicLibraryWeb.FormComponent do
   @impl true
   def render(assigns) do
     ~H"""
-    <div class="w-82 md:w-2xl">
+    <div class="w-full">
       <header>
         <h1 class="text-base font-medium leading-6 text-zinc-700">
           {Record.artist_names(@record)}