From 91d14b33bbfae2a9432ac246f7948661adbed9cc Mon Sep 17 00:00:00 2001 From: iris Date: Mon, 3 Aug 2026 17:34:48 +0200 Subject: [PATCH] client: fix picker remove-row label clipping (#73) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .picker-count inherited the generic button's 12px/16px padding, which left ~16px of content width per grid cell — enough for a single digit but not the two-character "-1".."-5" remove labels added in #72, which overflowed into the neighbouring cell and got visually clipped by its opaque background. Tightened to horizontal-only padding (12px 4px), leaving vertical spacing/centering untouched. --- client/src/styles.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/client/src/styles.css b/client/src/styles.css index 2565ac5..d254665 100644 --- a/client/src/styles.css +++ b/client/src/styles.css @@ -211,6 +211,13 @@ button.danger { background: #5a2a2a; border-color: #7a3a3a; color: #fff; } } .picker-count { height: 64px; + /* #73: the default button padding (12px 16px) leaves ~16px of content + width per cell in this 5-column grid — workable for a single digit + ("1".."5") but not the two-character "−1".."−5" remove-row labels, + which overflowed into the next cell and got visually clipped by its + opaque background. Horizontal-only override keeps the existing + vertical spacing/centering, just frees up room sideways. */ + padding: 12px 4px; font-size: 26px; font-weight: 800; }