From 5abeb2e9d25ab9e676ab1d78d1c26b757b0484d2 Mon Sep 17 00:00:00 2001
From: Stefan Koelle <stefan.koelle@gmail.com>
Date: Fri, 7 Aug 2026 16:10:07 +0200
Subject: [PATCH] ui: Gruppen-Tags auf Kontakt-Detailseite wie Sidebar-Cloud
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hover-Effekt und einheitliches Padding für Gruppen-Tags auf der
Kontakt-Detailseite, identisch zur Sidebar-Cloud.
---
 src/api/templates/contact.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/api/templates/contact.html b/src/api/templates/contact.html
index b209468..2a240ea 100644
--- a/src/api/templates/contact.html
+++ b/src/api/templates/contact.html
@@ -242,11 +242,18 @@
 
         .tag {
             display: inline-block;
-            padding: 0.25rem 0.75rem;
+            padding: 0.25rem 0.6rem;
             background: #e7f3ff;
             color: #0066cc;
             border-radius: 20px;
             font-size: 0.8rem;
+            text-decoration: none;
+            transition: background 0.15s ease;
+        }
+
+        .tag:hover {
+            background: #d0e8ff;
+            text-decoration: underline;
         }
 
         .no-data {
@@ -427,7 +434,7 @@
                     <div class="section-title">Gruppen</div>
                     <div class="tags">
                         {% for g in groups %}
-                        <a href="/search?group={{ g.uid|urlquote }}" class="tag" style="text-decoration:none;color:inherit;">{{ g.name or '(Ohne Name)' }}</a>
+                        <a href="/search?group={{ g.uid|urlquote }}" class="tag">{{ g.name or '(Ohne Name)' }}</a>
                         {% endfor %}
                     </div>
                 </div>