make app responsive

lib/cannery_web/live/invite_live/form_component.html.heex

@@ -6,7 +6,7 @@
     let={f}
     for={@changeset}
     id="invite-form"
-    class="grid grid-cols-3 justify-center items-center space-y-4"
+    class="flex flex-col sm:grid sm:grid-cols-3 justify-center items-center space-y-4"
     phx-target={@myself}
     phx-change="validate"
     phx-submit="save"

lib/cannery_web/live/invite_live/index.html.heex

@@ -5,7 +5,8 @@
 
   <%= if @invites |> Enum.empty?() do %>
     <h1 class="title text-xl text-primary-500">
-      <%= gettext("No invites") %> <%= display_emoji("😔") %>
+      <%= gettext("No invites") %>
+      <%= display_emoji("😔") %>
     </h1>
 
     <%= live_patch(dgettext("actions", "Invite someone new!"),
@@ -26,7 +27,7 @@
           <form phx-submit={JS.dispatch("cannery:clipcopy", to: "#code-#{invite.id}")}>
             <button
               type="submit"
-              class="btn btn-primary"
+              class="mx-2 my-1 btn btn-primary"
               phx-click="copy_to_clipboard"
               phx-value-invite_id={"#code-#{invite.id}"}
             >