Fix sizing/margin of modal on smaller viewports

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}

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)}