commit aa7c250a486123b7e81900912147bb3a05df3d36 parent ee08ca35ae805a249460a1a1ee93c3d2a99de05e Author: breadcat <breadcat@users.noreply.github.com> Date: Thu, 23 Jul 2026 16:20:36 +0100 Anchor legend to bottom of display Diffstat:
| M | static/style.css | | | 17 | +++++++++++++++-- |
1 file changed, 15 insertions(+), 2 deletions(-)
diff --git a/static/style.css b/static/style.css @@ -17,7 +17,7 @@ body { color: var(--text); font-family: system-ui, sans-serif; min-height: 100vh; - padding: 1.5rem 1rem 3rem; + padding: 1.5rem 1rem 4.5rem; } h2 { font-size: 1.1rem; margin-bottom: 0.5rem; } @@ -325,7 +325,20 @@ details > .details-inner { padding: 0.75rem 1rem 1rem; overflow-x: auto; } /* Legend */ -.legend { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1.5rem; } +.legend { + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 6px 14px; + background: var(--surface); + border-top: 1px solid #2a2a3a; + padding: 0.6rem 1rem; + z-index: 50; +} .legend-item { display: flex; align-items: center; gap: 5px; font-size: 0.72rem; color: var(--text-dim); } .legend-dot { width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; }