From 2dfed8f005239f2789e641e5458826db19e925b9 Mon Sep 17 00:00:00 2001
From: Lars Kiesow <lkiesow@uos.de>
Date: Fri, 30 Oct 2026 18:07:08 +0100
Subject: [PATCH] Explain the admin warning badges with a help popover

The "pending sync" and "key missing" badges carried their explanation in
a title attribute, which only a mouse hover reveals and nothing hints
at. A help button beside each, like the rest of the page, shows it on
touch and keyboard too.
---
 web/templates/admin.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/templates/admin.html b/web/templates/admin.html
index 0747752..96961f2 100644
--- a/web/templates/admin.html
+++ b/web/templates/admin.html
@@ -97,7 +97,7 @@ <h2>{{T .Lang "admin.profiles"}}</h2>
               <td>
                 <strong>{{.Name}}</strong>
                 {{if .IsDefault}}<span class="badge badge-ok">{{T $.Lang "admin.default"}}</span>{{end}}
-                {{with index $.LimitSync.PendingByProfile .ID}}<br><span class="badge badge-warn" title="{{T $.Lang "admin.sync.badge.help"}}">{{.}} {{T $.Lang "admin.sync.badge"}}</span>{{end}}
+                {{with index $.LimitSync.PendingByProfile .ID}}<br><span class="badge badge-warn">{{.}} {{T $.Lang "admin.sync.badge"}}</span> <button type="button" class="help" data-help="{{T $.Lang "admin.sync.badge.help"}}">?</button>{{end}}
               </td>
               <td class="cell-prose" data-label="{{T $.Lang "admin.col.description"}}">{{.Description}}</td>
               <td data-label="{{T $.Lang "admin.col.models"}}">
@@ -292,7 +292,7 @@ <h2>{{T .Lang "admin.users"}}</h2>
                     {{if .KeyExpired}}expired{{else}}{{.KeyExpires}}{{end}}
                   </span>
                   {{if .KeyMissingSince}}
-                  <span class="badge badge-warn" title="{{T $.Lang "admin.key.missing.help"}}">{{T $.Lang "admin.key.missing"}} {{.KeyMissingSince}}</span>
+                  <span class="badge badge-warn">{{T $.Lang "admin.key.missing"}} {{.KeyMissingSince}}</span> <button type="button" class="help" data-help="{{T $.Lang "admin.key.missing.help"}}">?</button>
                   {{end}}
                 {{else}}
                   <em class="text-faint">{{T $.Lang "admin.none"}}</em>