From 28e88e23cb93ca072a88bc1dc63c8aa34b7a3307 Mon Sep 17 00:00:00 2001
From: tegwick <bernd.worsch@gmail.com>
Date: Thu, 26 Feb 2026 16:42:00 +0100
Subject: [PATCH] dashboard: add card padding to live indicator; fix ? button
 vertical position

Replaces padding-right-only with full padding (0.55rem top/bottom, 0.7rem
left, 1.8rem right). The top padding gives the absolute-positioned ? button
a proper anchor and stops it sitting too low against the text.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 state-hub/dashboard/src/decisions.md   | 4 ++--
 state-hub/dashboard/src/index.md       | 2 +-
 state-hub/dashboard/src/progress.md    | 2 +-
 state-hub/dashboard/src/workstreams.md | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/state-hub/dashboard/src/decisions.md b/state-hub/dashboard/src/decisions.md
index 4bb54a4..c9dba84 100644
--- a/state-hub/dashboard/src/decisions.md
+++ b/state-hub/dashboard/src/decisions.md
@@ -364,9 +364,9 @@ if (escalated.length > 0) {
 .live-indicator {
   font-size: 0.8rem;
   color: gray;
-  margin-bottom: 0.75rem;
   position: relative;
-  padding-right: 1.6rem;
+  padding: 0.55rem 1.8rem 0.55rem 0.7rem;
+  margin-bottom: 0.75rem;
 }
 
 /* ── KPI infobox ──────────────────────────────────────────────────────────── */
diff --git a/state-hub/dashboard/src/index.md b/state-hub/dashboard/src/index.md
index 10c9fa9..cb7698a 100644
--- a/state-hub/dashboard/src/index.md
+++ b/state-hub/dashboard/src/index.md
@@ -400,7 +400,7 @@ display(Inputs.table((summary.recent_progress ?? []).map(e => ({
 ```
 
 <style>
-.live-indicator { font-size: 0.8rem; color: gray; margin-bottom: 0.75rem; position: relative; padding-right: 1.6rem; }
+.live-indicator { font-size: 0.8rem; color: gray; position: relative; padding: 0.55rem 1.8rem 0.55rem 0.7rem; margin-bottom: 0.75rem; }
 .card { background: var(--theme-background-alt); border-radius: 8px; padding: 1rem; }
 .card.warn { border: 2px solid orange; }
 .card-link { cursor: pointer; transition: box-shadow 0.15s, transform 0.1s; text-decoration: none; color: inherit; display: block; }
diff --git a/state-hub/dashboard/src/progress.md b/state-hub/dashboard/src/progress.md
index b4a204c..dff1b5c 100644
--- a/state-hub/dashboard/src/progress.md
+++ b/state-hub/dashboard/src/progress.md
@@ -106,5 +106,5 @@ display(byDay.length === 0
 ```
 
 <style>
-.live-indicator { font-size: 0.8rem; color: gray; margin-bottom: 0.75rem; position: relative; padding-right: 1.6rem; }
+.live-indicator { font-size: 0.8rem; color: gray; position: relative; padding: 0.55rem 1.8rem 0.55rem 0.7rem; margin-bottom: 0.75rem; }
 </style>
diff --git a/state-hub/dashboard/src/workstreams.md b/state-hub/dashboard/src/workstreams.md
index 7031b9a..371a87a 100644
--- a/state-hub/dashboard/src/workstreams.md
+++ b/state-hub/dashboard/src/workstreams.md
@@ -150,7 +150,7 @@ if (wsWithDeps.length === 0) {
 ```
 
 <style>
-.live-indicator { font-size: 0.8rem; color: gray; margin-bottom: 0.75rem; position: relative; padding-right: 1.6rem; }
+.live-indicator { font-size: 0.8rem; color: gray; position: relative; padding: 0.55rem 1.8rem 0.55rem 0.7rem; margin-bottom: 0.75rem; }
 .dim { color: gray; font-style: italic; }
 .filter-bar { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 1rem; }
 .filter-owner { display: flex; align-items: center; }