From 9bedd0c50cdd518ce6cb89f992093532dbb761b8 Mon Sep 17 00:00:00 2001
From: Thomas von Deyen <thomas@vondeyen.com>
Date: Wed, 21 Feb 2024 16:37:10 +0100
Subject: [PATCH] Display taggables a labels

Looks nicer than the comma separated list.

(cherry picked from commit 5d9023b6d46c6d5fa9cc8b6c3728e96133e74b34)
---
 app/assets/stylesheets/alchemy/labels.scss | 5 +----
 app/views/alchemy/admin/tags/_tag.html.erb | 6 +++++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/alchemy/labels.scss b/app/assets/stylesheets/alchemy/labels.scss
index d4c2f1183b..2d109c4726 100644
--- a/app/assets/stylesheets/alchemy/labels.scss
+++ b/app/assets/stylesheets/alchemy/labels.scss
@@ -1,6 +1,3 @@
 .label {
-  @include label-base(
-    $margin: $default-margin/2 0,
-    $padding: $default-padding 2*$default-padding $default-padding
-  );
+  @include label-base($margin: 0, $padding: 0 2 * $default-padding);
 }
diff --git a/app/views/alchemy/admin/tags/_tag.html.erb b/app/views/alchemy/admin/tags/_tag.html.erb
index c51fb1a36b..7cfd951f39 100644
--- a/app/views/alchemy/admin/tags/_tag.html.erb
+++ b/app/views/alchemy/admin/tags/_tag.html.erb
@@ -2,7 +2,11 @@
   <td class="icon"><%= render_icon(:tag, size: "xl") %></td>
   <td class="name"><%= tag.name %></td>
   <td>
-    <%= tag.taggings.collect(&:taggable).compact.map { |t| t.class.model_name.human }.uniq.join(', ') %>
+    <% tag.taggings.collect(&:taggable).compact.uniq.each do |taggable| %>
+      <span class="label">
+        <%= taggable.class.model_name.human %>
+      </span>
+    <% end %>
   </td>
   <td class="count"><%= tag.taggings.count %></td>
   <td class="tools">