From 2180b9bb69a12199a8a57cf5e68bb036a1488efd Mon Sep 17 00:00:00 2001 From: 2ro <17595647+2ro@users.noreply.github.com> Date: Sat, 4 Jul 2026 22:49:30 -0400 Subject: [PATCH] style: vertically center rail-tab labels so the unwrapped tab aligns with the wrapped one --- static/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/static/style.css b/static/style.css index d9fede1..b7fcf85 100644 --- a/static/style.css +++ b/static/style.css @@ -112,6 +112,10 @@ details.manual ol { color: var(--dim); font-size: 0.9rem; padding-left: 1.2rem; .rail-tabs { display: flex; gap: 0.4rem; margin-bottom: 1rem; } .rail-tab { flex: 1; text-align: center; cursor: pointer; + /* Center the label within the tab: sibling tabs stretch to equal height, so + when one label wraps to two lines the single-line label stays vertically + centered instead of hugging the top. */ + display: flex; align-items: center; justify-content: center; padding: 0.55rem 0.5rem; border: 1px solid var(--line); border-radius: var(--radius); color: var(--dim); font-size: 0.9rem; font-weight: 600; background: var(--panel); }