fix: wrap per-host status line so 320px viewport does not scroll (closes #42)
All checks were successful
check / check (push) Successful in 11s
All checks were successful
check / check (push) Successful in 11s
The status line carried `whitespace-nowrap`, and once populated its content (`min 1ms / med 2ms / avg 3ms / max 4ms`) measured 325px inside the 270px host column at a 320px viewport. The element does not clip, so the overflow propagated to the document and the page scrolled horizontally. Drop `whitespace-nowrap` from the status line and instead make each label/value/separator group individually unbreakable, so wrapping happens only between stats and a wrapped line never starts with a separator. The line fits on one row in the 420px desktop column, so the wide layout is unchanged. The repeated class string is now a single constant.
This commit is contained in:
2
TODO.md
2
TODO.md
@@ -22,6 +22,8 @@ files, so merging it also closes most compliance gaps.
|
||||
|
||||
# Completed Steps
|
||||
|
||||
- 2026-08-10: per-host status line wraps below the 768px breakpoint instead of
|
||||
forcing horizontal page scroll at 320px
|
||||
- 2026-08-09: `Dockerfile.backend` reworked to the mandated Go multistage
|
||||
lint-stage pattern: separate `lint` stage on the hash-pinned
|
||||
`golangci/golangci-lint` image, `COPY --from=lint` stage dependency,
|
||||
|
||||
Reference in New Issue
Block a user