2026-09-02 10:00:15 -06:00
1 changed files with 14 additions and 0 deletions
@@ -212,6 +212,20 @@ button,
 }
 .holdemBtn {
    /* Stated, because this class is worn by both <button> and <a> and the browser
       does not give them the same box. Chromium's own stylesheet makes a button
       border-box and leaves a link content-box, so `min-height: 46px` on the header
       row came out as 46px on the buttons and 64px on the two links — and the row
       stretches to its tallest item, so every button became 64px too. A 46px touch
       target was quietly costing 64px of a phone screen, twice over, because the
       header wraps to two rows. */
    box-sizing: border-box;
    /* And the touch floor is stated here rather than only under a width breakpoint.
       It used to arrive by accident — the content-box links were 64px tall and the
       row stretched everything to match — so once the boxes agree, a landscape phone
       (wider than the phone breakpoint, still a thumb) would have been left with 42px
       buttons. 44px is the floor everywhere; the narrow layout still asks for 46. */
    min-height: 44px;
    background: linear-gradient(180deg, #2e2e2e, #232323);
    color: #eee;
    border: 1px solid #3a3a3a;