improve invite styling

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

@@ -25,6 +25,9 @@
     <%= label(f, :uses_left, gettext("Uses left"), class: "title text-lg text-primary-600") %>
     <%= number_input(f, :uses_left, min: 0, class: "input input-primary col-span-2") %>
     <%= error_tag(f, :uses_left, "col-span-3") %>
+    <span class="col-span-3 text-primary-400 italic text-center">
+      <%= gettext(~s/Leave "Uses left" blank to make invite unlimited/) %>
+    </span>
 
     <%= submit(dgettext("actions", "Save"),
       class: "mx-auto btn btn-primary col-span-3",

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

@@ -17,7 +17,7 @@
     </.link>
   <% end %>
 
-  <div class="w-full flex flex-row flex-wrap justify-center items-center">
+  <div class="w-full flex flex-row flex-wrap justify-center items-stretch">
     <.invite_card :for={invite <- @invites} invite={invite} current_user={@current_user}>
       <:code_actions>
         <form phx-submit="copy_to_clipboard">
@@ -86,7 +86,7 @@
       <%= gettext("Admins") %>
     </h1>
 
-    <div class="w-full flex flex-row flex-wrap justify-center items-center">
+    <div class="w-full flex flex-row flex-wrap justify-center items-stretch">
       <.user_card :for={admin <- @admins} user={admin}>
         <.link
           href="#"
@@ -114,7 +114,7 @@
       <%= gettext("Users") %>
     </h1>
 
-    <div class="w-full flex flex-row flex-wrap justify-center items-center">
+    <div class="w-full flex flex-row flex-wrap justify-center items-stretch">
       <.user_card :for={user <- @users} user={user}>
         <.link
           href="#"

priv/gettext/actions.pot

@@ -88,7 +88,7 @@ msgstr ""
 msgid "Invite someone new!"
 msgstr ""
 
-#: lib/lokal_web/live/invite_live/form_component.html.heex:29
+#: lib/lokal_web/live/invite_live/form_component.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "Save"
 msgstr ""

priv/gettext/default.pot

@@ -300,3 +300,8 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Password"
 msgstr ""
+
+#: lib/lokal_web/live/invite_live/form_component.html.heex:29
+#, elixir-autogen, elixir-format
+msgid "Leave \"Uses left\" blank to make invite unlimited"
+msgstr ""

priv/gettext/en/LC_MESSAGES/actions.po

@@ -88,7 +88,7 @@ msgstr ""
 msgid "Invite someone new!"
 msgstr ""
 
-#: lib/lokal_web/live/invite_live/form_component.html.heex:29
+#: lib/lokal_web/live/invite_live/form_component.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "Save"
 msgstr ""

priv/gettext/en/LC_MESSAGES/default.po

@@ -300,3 +300,8 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Password"
 msgstr ""
+
+#: lib/lokal_web/live/invite_live/form_component.html.heex:29
+#, elixir-autogen, elixir-format
+msgid "Leave \"Uses left\" blank to make invite unlimited"
+msgstr ""

priv/gettext/en/LC_MESSAGES/prompts.po

@@ -81,7 +81,7 @@ msgstr ""
 msgid "Copied to clipboard"
 msgstr ""
 
-#: lib/lokal_web/live/invite_live/form_component.html.heex:31
+#: lib/lokal_web/live/invite_live/form_component.html.heex:34
 #, elixir-autogen, elixir-format
 msgid "Saving..."
 msgstr ""

priv/gettext/prompts.pot

@@ -81,7 +81,7 @@ msgstr ""
 msgid "Copied to clipboard"
 msgstr ""
 
-#: lib/lokal_web/live/invite_live/form_component.html.heex:31
+#: lib/lokal_web/live/invite_live/form_component.html.heex:34
 #, elixir-autogen, elixir-format
 msgid "Saving..."
 msgstr ""