From 7706e1b16bdf3ae9fe004f27df53b6b12f3dcea4 Mon Sep 17 00:00:00 2001 From: BoulderBadgeDad Date: Wed, 3 Jun 2026 19:10:31 -0700 Subject: [PATCH] Dashboard: make the enrichment services cluster mobile-responsive On mobile, worker-orbs is disabled so the enrichment buttons render as real buttons. They were a ragged centered flex-wrap with the wide 'Manage Workers' pill jammed inline. Now (<=768px, scoped to #dashboard-page so Settings etc. are untouched): the 44px icon buttons spread evenly across the full width in an auto-fit grid, and the Manage Workers pill gets its own full-width row. --- webui/static/style.css | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/webui/static/style.css b/webui/static/style.css index 0b7e0d2a..ddce9efb 100644 --- a/webui/static/style.css +++ b/webui/static/style.css @@ -10156,10 +10156,25 @@ body.helper-mode-active #dashboard-activity-feed:hover { padding: 16px; } - .header-actions { + /* Dashboard enrichment service buttons: worker-orbs is disabled on mobile, + so these render as real buttons. Spread the 44px icon buttons across the + full width in an even auto-fit grid (no ragged centered rows), and give + the wider "Manage Workers" pill its own full-width row. Scoped to the + dashboard so other pages' .header-actions (e.g. Settings) are untouched. */ + #dashboard-page .header-actions { width: 100%; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(44px, 1fr)); + justify-items: center; + align-items: center; + gap: 12px 10px; + } + + #dashboard-page .header-actions .em-manage-btn { + grid-column: 1 / -1; + width: 100%; + margin-left: 0; justify-content: center; - gap: 6px; } .header-quick-nav {