From 0705f4de4fce679b2501f0583defb1160f3c1666 Mon Sep 17 00:00:00 2001
From: erdgeist <erdgeist@erdgeist.org>
Date: Tue, 14 Jul 2026 01:39:02 +0200
Subject: Make tags a pill list on nodes#show

---
 app/views/nodes/show.html.erb | 13 ++++++++++++-
 public/stylesheets/admin.css  | 16 ++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/app/views/nodes/show.html.erb b/app/views/nodes/show.html.erb
index 1469572..66f04f9 100644
--- a/app/views/nodes/show.html.erb
+++ b/app/views/nodes/show.html.erb
@@ -185,8 +185,19 @@
       <p class="revisions_full_history_link"><%= link_to 'Full history (diff / restore)', node_revisions_path(@node) %></p>
     </div>
 
+
     <div class="node_description">Tags</div>
-    <div class="node_content node_info_group"><%= @page.tag_list %></div>
+    <div class="node_content node_info_group">
+      <% if @page.tag_list.any? %>
+        <ul class="tag_pill_list">
+          <% @page.tag_list.sort.each do |tag| %>
+            <li class="tag_pill"><%= tag %></li>
+          <% end %>
+        </ul>
+      <% else %>
+        <span class="field_hint">No tags.</span>
+      <% end %>
+    </div>
 
     <% if @page.assets.images.any? %>
       <div class="node_description">Images</div>
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index f1f4c05..93cc3f5 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -1092,6 +1092,22 @@ div#draft_list table td.actions a {
   text-decoration: none;
 }
 
+.tag_pill_list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.tag_pill {
+  background: #eee;
+  border-radius: 999px;
+  padding: 0.15rem 0.75rem;
+  font-size: 0.9em;
+}
+
 /* ============================================================
    Search widgets
    ============================================================ */
-- 
cgit v1.3