From d2b39c56d3f3f90c0d9653b9eb909d154c285add Mon Sep 17 00:00:00 2001 From: mhoennig Date: Mon, 10 Aug 2026 17:57:35 +0200 Subject: [PATCH] Collapse the live indicator to a state dot on small screens On mobile widths the "live" badge squeezed the view-toggle menu into unreadable widths; the dot keeps the state color (green/red/grey) and the row may wrap as a last resort. Co-Authored-By: Claude Fable 5 --- src/main/resources/static/gittally.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/main/resources/static/gittally.css b/src/main/resources/static/gittally.css index e29a71d..495e022 100644 --- a/src/main/resources/static/gittally.css +++ b/src/main/resources/static/gittally.css @@ -144,7 +144,11 @@ th.num { font-family: inherit; font-size: 12px; } @media (max-width: 680px) { main { margin: 16px auto; } h1 { font-size: 22px; } + .view-row { flex-wrap: wrap; } .view-toggle a, .view-toggle span { min-width: 0; padding: 6px 9px; font-size: 13px; } + /* the live indicator collapses to a colored state dot so it cannot squeeze the menu; + its status color (green/red/grey) carries the live/error/static state */ + #live-indicator { min-width: 14px; width: 14px; height: 14px; padding: 0; border-radius: 50%; font-size: 0; } .table-wrap { overflow-x: visible; border: none; border-radius: 0; background: transparent; box-shadow: none; } table, thead, tbody, tr, td { display: block; } table { min-width: 0; }