improve tag card style

CHANGELOG.md

@@ -2,6 +2,7 @@
 - Add search to catalog, ammo, container, tag and range index pages
 - Tweak urls for catalog, ammo, containers, tags and shot records
 - Fix bug with shot group chart not drawing lines between days correctly
+- Improve cards across app (make them line up with each other)
 
 # v0.7.2
 - Code improvements

lib/cannery_web/components/tag_card.ex

@@ -13,7 +13,7 @@ defmodule CanneryWeb.Components.TagCard do
     ~H"""
     <div
       id={"tag-#{@tag.id}"}
-      class="mx-4 my-2 px-8 py-4 space-x-4 flex justify-center items-center
+      class="mx-4 mb-2 px-8 py-4 space-x-4 flex justify-center items-center
           border border-gray-400 rounded-lg shadow-lg hover:shadow-md
           transition-all duration-300 ease-in-out"
     >

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

@@ -38,39 +38,39 @@
     </.form>
   </div>
 
-  <div class="flex flex-row flex-wrap justify-center items-center">
+  <%= if @tags |> Enum.empty?() do %>
-    <%= if @tags |> Enum.empty?() do %>
+    <h2 class="title text-xl text-primary-600">
-      <h2 class="title text-xl text-primary-600">
+      <%= gettext("No tags") %>
-        <%= gettext("No tags") %>
+      <%= display_emoji("😔") %>
-        <%= display_emoji("😔") %>
+    </h2>
-      </h2>
+  <% else %>
-    <% end %>
+    <div class="flex flex-row flex-wrap justify-center items-center">
+      <%= for tag <- @tags do %>
+        <.tag_card tag={tag}>
+          <.link
+            patch={Routes.tag_index_path(Endpoint, :edit, tag)}
+            class="text-primary-600 link"
+            data-qa={"edit-#{tag.id}"}
+          >
+            <i class="fa-fw fa-lg fas fa-edit"></i>
+          </.link>
 
-    <%= for tag <- @tags do %>
+          <.link
-      <.tag_card tag={tag}>
+            href="#"
-        <.link
+            class="text-primary-600 link"
-          patch={Routes.tag_index_path(Endpoint, :edit, tag)}
+            phx-click="delete"
-          class="text-primary-600 link"
+            phx-value-id={tag.id}
-          data-qa={"edit-#{tag.id}"}
+            data-confirm={
-        >
+              dgettext("prompts", "Are you sure you want to delete %{name}?", name: tag.name)
-          <i class="fa-fw fa-lg fas fa-edit"></i>
+            }
-        </.link>
+            data-qa={"delete-#{tag.id}"}
-
+          >
-        <.link
+            <i class="fa-fw fa-lg fas fa-trash"></i>
-          href="#"
+          </.link>
-          class="text-primary-600 link"
+        </.tag_card>
-          phx-click="delete"
+      <% end %>
-          phx-value-id={tag.id}
+    </div>
-          data-confirm={
+  <% end %>
-            dgettext("prompts", "Are you sure you want to delete %{name}?", name: tag.name)
-          }
-          data-qa={"delete-#{tag.id}"}
-        >
-          <i class="fa-fw fa-lg fas fa-trash"></i>
-        </.link>
-      </.tag_card>
-    <% end %>
-  </div>
 </div>
 
 <%= if @live_action in [:new, :edit] do %>

priv/gettext/de/LC_MESSAGES/default.po

@@ -306,7 +306,7 @@ msgstr "Keine Einladung"
 
 #: lib/cannery_web/live/container_live/edit_tags_component.html.heex:31
 #: lib/cannery_web/live/tag_live/index.html.heex:10
-#: lib/cannery_web/live/tag_live/index.html.heex:44
+#: lib/cannery_web/live/tag_live/index.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "No tags"
 msgstr "Keine Tags"

priv/gettext/de/LC_MESSAGES/prompts.po

@@ -85,7 +85,7 @@ msgstr ""
 #: lib/cannery_web/live/container_live/index.html.heex:93
 #: lib/cannery_web/live/container_live/index.html.heex:138
 #: lib/cannery_web/live/container_live/show.html.heex:59
-#: lib/cannery_web/live/tag_live/index.html.heex:65
+#: lib/cannery_web/live/tag_live/index.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete %{name}?"
 msgstr "Sind Sie sicher, dass sie %{name} löschen möchten?"

priv/gettext/default.pot

@@ -291,7 +291,7 @@ msgstr ""
 
 #: lib/cannery_web/live/container_live/edit_tags_component.html.heex:31
 #: lib/cannery_web/live/tag_live/index.html.heex:10
-#: lib/cannery_web/live/tag_live/index.html.heex:44
+#: lib/cannery_web/live/tag_live/index.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "No tags"
 msgstr ""

priv/gettext/en/LC_MESSAGES/default.po

@@ -292,7 +292,7 @@ msgstr ""
 
 #: lib/cannery_web/live/container_live/edit_tags_component.html.heex:31
 #: lib/cannery_web/live/tag_live/index.html.heex:10
-#: lib/cannery_web/live/tag_live/index.html.heex:44
+#: lib/cannery_web/live/tag_live/index.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "No tags"
 msgstr ""

priv/gettext/en/LC_MESSAGES/prompts.po

@@ -71,7 +71,7 @@ msgstr ""
 #: lib/cannery_web/live/container_live/index.html.heex:93
 #: lib/cannery_web/live/container_live/index.html.heex:138
 #: lib/cannery_web/live/container_live/show.html.heex:59
-#: lib/cannery_web/live/tag_live/index.html.heex:65
+#: lib/cannery_web/live/tag_live/index.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete %{name}?"
 msgstr ""

priv/gettext/es/LC_MESSAGES/default.po

@@ -306,7 +306,7 @@ msgstr ""
 
 #: lib/cannery_web/live/container_live/edit_tags_component.html.heex:31
 #: lib/cannery_web/live/tag_live/index.html.heex:10
-#: lib/cannery_web/live/tag_live/index.html.heex:44
+#: lib/cannery_web/live/tag_live/index.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "No tags"
 msgstr ""

priv/gettext/es/LC_MESSAGES/prompts.po

@@ -85,7 +85,7 @@ msgstr "Está seguro que desea eliminar %{email}? Esta acción es permanente!"
 #: lib/cannery_web/live/container_live/index.html.heex:93
 #: lib/cannery_web/live/container_live/index.html.heex:138
 #: lib/cannery_web/live/container_live/show.html.heex:59
-#: lib/cannery_web/live/tag_live/index.html.heex:65
+#: lib/cannery_web/live/tag_live/index.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete %{name}?"
 msgstr "Está seguro que desea eliminar %{name}?"

priv/gettext/fr/LC_MESSAGES/default.po

@@ -306,7 +306,7 @@ msgstr "Aucune invitation"
 
 #: lib/cannery_web/live/container_live/edit_tags_component.html.heex:31
 #: lib/cannery_web/live/tag_live/index.html.heex:10
-#: lib/cannery_web/live/tag_live/index.html.heex:44
+#: lib/cannery_web/live/tag_live/index.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "No tags"
 msgstr "Aucun tag"

priv/gettext/fr/LC_MESSAGES/prompts.po

@@ -86,7 +86,7 @@ msgstr ""
 #: lib/cannery_web/live/container_live/index.html.heex:93
 #: lib/cannery_web/live/container_live/index.html.heex:138
 #: lib/cannery_web/live/container_live/show.html.heex:59
-#: lib/cannery_web/live/tag_live/index.html.heex:65
+#: lib/cannery_web/live/tag_live/index.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete %{name}?"
 msgstr "Êtes-vous certain·e de supprimer %{name} ?"

priv/gettext/ga/LC_MESSAGES/default.po

@@ -302,7 +302,7 @@ msgstr ""
 
 #: lib/cannery_web/live/container_live/edit_tags_component.html.heex:31
 #: lib/cannery_web/live/tag_live/index.html.heex:10
-#: lib/cannery_web/live/tag_live/index.html.heex:44
+#: lib/cannery_web/live/tag_live/index.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "No tags"
 msgstr ""

priv/gettext/ga/LC_MESSAGES/prompts.po

@@ -81,7 +81,7 @@ msgstr ""
 #: lib/cannery_web/live/container_live/index.html.heex:93
 #: lib/cannery_web/live/container_live/index.html.heex:138
 #: lib/cannery_web/live/container_live/show.html.heex:59
-#: lib/cannery_web/live/tag_live/index.html.heex:65
+#: lib/cannery_web/live/tag_live/index.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete %{name}?"
 msgstr ""

priv/gettext/prompts.pot

@@ -70,7 +70,7 @@ msgstr ""
 #: lib/cannery_web/live/container_live/index.html.heex:93
 #: lib/cannery_web/live/container_live/index.html.heex:138
 #: lib/cannery_web/live/container_live/show.html.heex:59
-#: lib/cannery_web/live/tag_live/index.html.heex:65
+#: lib/cannery_web/live/tag_live/index.html.heex:64
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete %{name}?"
 msgstr ""