Uniform size and positioning of all modals

.claude/settings.local.json

@@ -20,7 +20,8 @@
       "Bash(mix phx.routes:*)",
       "Bash(mix assets.deploy:*)",
       "mcp__tidewave__get_logs",
-      "mcp__tidewave__project_eval"
+      "mcp__tidewave__project_eval",
+      "Bash(mix format:*)"
     ]
   },
   "enableAllProjectMcpServers": false

lib/music_library_web/live/artist_live/show.html.heex

@@ -219,8 +219,9 @@
 
 <.modal
   :if={@live_action == :import}
-  class="md:min-w-2xl max-w-sm md:max-w-3xl"
   id="record-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(~p"/artists/#{@artist.musicbrainz_id}")}
 >
@@ -238,6 +239,8 @@
 <.modal
   :if={@live_action == :edit}
   id="artist-info-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(~p"/artists/#{@artist.musicbrainz_id}")}
 >

lib/music_library_web/live/collection_live/index.html.heex

@@ -62,8 +62,9 @@
 
 <.modal
   :if={@live_action == :edit}
-  class="md:min-w-2xl"
   id="record-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(back_path(@record_list_params))}
 >
@@ -79,8 +80,9 @@
 
 <.modal
   :if={@live_action == :import}
-  class="md:min-w-2xl max-w-sm md:max-w-3xl"
   id="record-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(back_path(@record_list_params))}
 >
@@ -98,8 +100,9 @@
 
 <.modal
   :if={@live_action == :barcode_scan}
-  class="min-w-sm md:min-w-2xl max-w-3xl"
   id="barcode-scanner-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(back_path(@record_list_params))}
 >

lib/music_library_web/live/collection_live/show.html.heex

@@ -324,6 +324,8 @@
 <.modal
   :if={@live_action == :edit}
   id="record-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(~p"/collection/#{@record}")}
 >

lib/music_library_web/live/online_store_template_live/index.html.heex

@@ -93,8 +93,9 @@
 
 <.modal
   :if={@live_action in [:new, :edit]}
-  class="min-w-sm md:min-w-2xl max-w-3xl"
   id="template-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(~p"/online-store-templates")}
 >

lib/music_library_web/live/scrobble_rules_live/index.html.heex

@@ -101,8 +101,9 @@
 
 <.modal
   :if={@live_action in [:new, :edit]}
-  class="min-w-sm md:min-w-2xl max-w-3xl"
   id="scrobble_rule-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(~p"/scrobble-rules")}
 >

lib/music_library_web/live/wishlist_live/index.html.heex

@@ -50,8 +50,9 @@
 
 <.modal
   :if={@live_action == :edit}
-  class="md:min-w-2xl"
   id="record-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(back_path(@record_list_params))}
 >
@@ -67,8 +68,9 @@
 
 <.modal
   :if={@live_action == :import}
-  class="md:min-w-2xl max-w-sm md:max-w-3xl"
   id="record-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(back_path(@record_list_params))}
 >

lib/music_library_web/live/wishlist_live/show.html.heex

@@ -304,8 +304,9 @@
 
 <.modal
   :if={@live_action == :edit}
-  class="md:min-w-2xl"
   id="record-modal"
+  class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
+  placement="top"
   open
   on_close={JS.patch(~p"/wishlist/#{@record}")}
 >