From b6a265dee6db51b3c4e68d858ff56a079aa0e806 Mon Sep 17 00:00:00 2001 From: Claude Agent Date: Wed, 1 Apr 2026 20:26:12 +0000 Subject: [PATCH] =?UTF-8?q?style(design):=20FINDING-003+004=20=E2=80=94=20?= =?UTF-8?q?fix=20touch=20targets=20and=20page=20title=20size?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Preset buttons: add min-height 32px desktop, 44px mobile - btn-sm: add min-height 44px on mobile - Checkbox: increase min-size on mobile - Mobile overrides placed AFTER base rules for correct cascade - Page title h4: override Bootstrap default (24px/500) to match DESIGN.md spec (18px/600/Display) - Cache-bust style.css v30 Co-Authored-By: Claude Opus 4.6 (1M context) --- api/app/static/css/style.css | 14 ++++++++++++++ api/app/templates/base.html | 2 +- 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/api/app/static/css/style.css b/api/app/static/css/style.css index a28e86b..622883c 100644 --- a/api/app/static/css/style.css +++ b/api/app/static/css/style.css @@ -158,6 +158,12 @@ h1, h2, h3, h4, h5, h6 { text-wrap: balance; } +/* Page titles — DESIGN.md: 18px/600 Display */ +h4 { + font-size: 18px; + font-weight: 600; +} + /* Data font — selective: codes, numbers, sums, dates. NOT text names. */ .font-data, code, .dif-sku, .detail-item-card .card-sku { font-family: var(--font-data); @@ -1054,6 +1060,7 @@ tr.mapping-deleted td { border: 1px solid var(--border); color: var(--text-secondary); padding: 3px 10px; + min-height: 32px; font-size: 0.78rem; cursor: pointer; transition: all 0.15s; @@ -1252,3 +1259,10 @@ tr.mapping-deleted td { .addr-card-text { font-family: var(--font-body); font-size: 13px; } .addr-card.mismatch { background: var(--warning-light); } .addr-card.match .addr-match-label { font-size: 11px; color: var(--success-text); } + +/* ── Mobile touch targets (must be AFTER base rules for cascade) ── */ +@media (max-width: 767.98px) { + .preset-btn { min-height: 44px; padding: 8px 12px; } + .btn-sm { min-height: 44px; } + input[type="checkbox"] { min-width: 20px; min-height: 20px; } +} diff --git a/api/app/templates/base.html b/api/app/templates/base.html index 6572094..c4e7cab 100644 --- a/api/app/templates/base.html +++ b/api/app/templates/base.html @@ -19,7 +19,7 @@ {% set rp = request.scope.get('root_path', '') %} - +