From 98f734cdad8d6d9cc9ac908ce28a37ee91a4dc01 Mon Sep 17 00:00:00 2001 From: Kinflou Date: Fri, 4 Sep 2026 05:43:18 +0800 Subject: [PATCH] sim: align the frames header with the rows MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The `.sim-frames-list` had `0.4rem` side padding but the column header didn't, so every column sat 0.4rem left of its label. Drop the list's side padding (cells carry their own now) — header and rows share the same left edge. Widen the `#` / `kind` / `conn` tracks so `001` and `handshake` stop truncating to `0…` now that each cell spends 1rem on padding. --- app/src/style.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/app/src/style.css b/app/src/style.css index 75d6202..aaf3aa4 100644 --- a/app/src/style.css +++ b/app/src/style.css @@ -883,7 +883,7 @@ body.mode-simulate #gen-controls { .sim-frames-list { flex: 1; overflow: auto; - padding: 0 0.4rem 0.4rem; + padding-bottom: 0.4rem; font-size: 0.72rem; } .sim-frames-head { @@ -982,8 +982,9 @@ label.clock-btn { grid's own content and drift (the header text ≠ the row text, and the header font is smaller). */ .sim-frames { - --frame-grid: 2rem 10rem 5rem 1fr 4.5rem 3.5rem; - --frame-grid-conn: 7rem 2rem 10rem 5rem 1fr 4.5rem 3.5rem; + /* tracks include each cell's 1rem of horizontal padding (border-box) */ + --frame-grid: 3rem 10rem 5.5rem 1fr 5rem 4rem; + --frame-grid-conn: 8rem 3rem 10rem 5.5rem 1fr 5rem 4rem; } .sim-frames-cols,