From 8a2fc3e540c9b1090c3ca7e078035f1b5497f251 Mon Sep 17 00:00:00 2001 From: JoshHeaps Date: Wed, 2 Sep 2026 00:55:56 -0600 Subject: [PATCH] Give undo and the card picker's buttons a fingertip to land on MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The first thing the repaired audit found, run on a real touch context at 44px: three controls a dealer taps on a phone that are too small to tap. .actionUndo 145x30 the "I recorded that wrong" pill #cardPickerClearBtn 50x40 wipes a player's cards #cardPickerCloseBtn 50x40 closes the picker Undo is the worst of them. It is the control a dealer reaches for having just entered the wrong action with five people waiting, and it was fourteen pixels short of a fingertip. The picker's two are short because the touch rule that fixes every other small button is scoped to .panelBody, and the picker is a sheet — it never reached them. One of them is destructive. All three now sit at 44px on touch. Nothing changes on a pointer device. I tried an invisible hit-area pad on undo first, to avoid spending bar height, and the measurement said it did nothing: the pill clips its overflow to keep a long label on one line, and giving it a positioning context made it clip the pad too. Growing the box is the honest fix, and it turned out to cost nothing anyway — the bar goes from 138px to 152px and the felt stays at 366px, because the felt had slack against its 220px floor rather than sitting on it as I had assumed. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_015bnp7xKUPFFSpwkYNFaPgb --- JoshHeaps.Net/wwwroot/css/casino/holdem.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/JoshHeaps.Net/wwwroot/css/casino/holdem.css b/JoshHeaps.Net/wwwroot/css/casino/holdem.css index fe8e893..6fc5ec8 100644 --- a/JoshHeaps.Net/wwwroot/css/casino/holdem.css +++ b/JoshHeaps.Net/wwwroot/css/casino/holdem.css @@ -3138,7 +3138,18 @@ body.hasActionBar #toastHost { } .panelBody .holdemBtnSmall, - .handHistoryActions .holdemBtn { + .handHistoryActions .holdemBtn, + /* The card picker's Clear and Done sat at 40px: the touch rule was scoped to + .panelBody and the picker is a sheet, so it never reached them. Clear wipes a + player's cards, which is not a thing to make a dealer aim at. */ + .cardPickerHeader .holdemBtn, + /* Undo was 30px, and it is the control a dealer reaches for having just recorded + the wrong thing with five people waiting — the worst place to be fourteen pixels + short of a fingertip. Growing the box costs bar height, which comes out of the + felt, but measured at 390x844 the felt is 366px against a 220px floor, so there + is room for it. A hit-area pad was tried first and does not work here: the pill + clips its overflow to keep a long label on one line, which clips the pad too. */ + .actionUndo { min-height: 44px; } @@ -3525,7 +3536,9 @@ textarea:focus-visible { .panelBody .holdemBtnSmall, .handHistoryActions .holdemBtn, - .toastAction { + .toastAction, + .cardPickerHeader .holdemBtn, + .actionUndo { min-height: 44px; }