improve more card styles

lib/cannery_web/live/ammo_type_live/show.html.heex

@@ -184,7 +184,7 @@
           </:container>
         </.live_component>
       <% else %>
-        <div class="flex flex-wrap justify-center items-center">
+        <div class="flex flex-wrap justify-center items-stretch">
           <%= for ammo_group <- @ammo_groups do %>
             <.ammo_group_card ammo_group={ammo_group} show_container={true} />
           <% end %>

lib/cannery_web/live/container_live/show.html.heex

@@ -133,7 +133,7 @@
           </:ammo_type>
         </.live_component>
       <% else %>
-        <div class="flex flex-wrap justify-center items-center">
+        <div class="flex flex-wrap justify-center items-stretch">
           <%= for ammo_group <- @ammo_groups do %>
             <.ammo_group_card ammo_group={ammo_group} />
           <% end %>

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

@@ -18,7 +18,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">
     <%= for invite <- @invites do %>
       <.invite_card invite={invite}>
         <:code_actions>
@@ -91,7 +91,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">
       <%= for admin <- @admins do %>
         <.user_card user={admin}>
           <.link
@@ -121,7 +121,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">
       <%= for user <- @users do %>
         <.user_card user={user}>
           <.link

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

@@ -17,28 +17,30 @@
       <%= dgettext("actions", "Stage ammo") %>
     </.link>
 
-    <%= for ammo_group <- @ammo_groups do %>
-      <.ammo_group_card ammo_group={ammo_group}>
-        <button
-          type="button"
-          class="btn btn-primary"
-          phx-click="toggle_staged"
-          phx-value-ammo_group_id={ammo_group.id}
-          data-confirm={"#{dgettext("prompts", "Are you sure you want to unstage this ammo?")}"}
-        >
-          <%= if ammo_group.staged,
-            do: dgettext("actions", "Unstage from range"),
-            else: dgettext("actions", "Stage for range") %>
-        </button>
+    <div class="w-full flex flex-row flex-wrap justify-center items-stretch">
+      <%= for ammo_group <- @ammo_groups do %>
+        <.ammo_group_card ammo_group={ammo_group}>
+          <button
+            type="button"
+            class="btn btn-primary"
+            phx-click="toggle_staged"
+            phx-value-ammo_group_id={ammo_group.id}
+            data-confirm={"#{dgettext("prompts", "Are you sure you want to unstage this ammo?")}"}
+          >
+            <%= if ammo_group.staged,
+              do: dgettext("actions", "Unstage from range"),
+              else: dgettext("actions", "Stage for range") %>
+          </button>
 
-        <.link
-          patch={Routes.range_index_path(Endpoint, :add_shot_group, ammo_group)}
-          class="btn btn-primary"
-        >
-          <%= dgettext("actions", "Record shots") %>
-        </.link>
-      </.ammo_group_card>
-    <% end %>
+          <.link
+            patch={Routes.range_index_path(Endpoint, :add_shot_group, ammo_group)}
+            class="btn btn-primary"
+          >
+            <%= dgettext("actions", "Record shots") %>
+          </.link>
+        </.ammo_group_card>
+      <% end %>
+    </div>
   <% end %>
 
   <hr class="hr" />

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

@@ -44,7 +44,7 @@
       <%= display_emoji("😔") %>
     </h2>
   <% else %>
-    <div class="flex flex-row flex-wrap justify-center items-center">
+    <div class="flex flex-row flex-wrap justify-center items-stretch">
       <%= for tag <- @tags do %>
         <.tag_card tag={tag}>
           <.link