vinzenz/wutzcalc
Watch
0
0
Fork
You've already forked wutzcalc
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

client: fix picker remove-row label clipping (#73)

Browse source 
.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.
This commit is contained in:
iris 2026-08-03 17:34:48 +02:00
commit 91d14b33bb
1 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
client/src/styles.css
View file

@ -211,6 +211,13 @@ button.danger { background: #5a2a2a; border-color: #7a3a3a; color: #fff; }
} }
.picker-count { .picker-count {
height: 64px; 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-size: 26px;
font-weight: 800; font-weight: 800;
} }