fix(ui): btn-sm hit area below minimum (~21px) — bump to 32px+ / 40px for primary per-item actions

[ajianaz]

Problem

ui/Button.svelte:71 — .btn-sm { padding: 4px 10px; font-size: 0.78rem } produces a ~21–22px tall button. Below the minimum hit area for desktop-dense UI (40px), far below touch standard (44px). ToolsView.svelte:390 close button (✕) is even smaller.

Affected high-stakes actions: Restore per item (Lifecycle recycle bin), Load/Refresh (ContextPreview), per-pair actions (Consolidate), DocumentsView tree actions.

Fix

.btn-sm { padding: 6px 12px; font-size: 0.78rem; min-height: 32px; }
/* For primary per-item actions, extend hit area via pseudo-element to 40px */

• Bump btn-sm min-height to 32px in ui/Button.svelte
• For per-item primary actions, extend hit area with a pseudo-element (40×40)
• Local .btn-sm override in LifecycleView.svelte:420 must be removed too (see dedup issue)

Source

Full-app UI audit (miifb principle 16 / mobile-UX P22). Source-only review.

[ajianaz]

Fixed — ui/Button sizes now carry min-heights: sm 32px, md 36px, lg 40px (merged via #275, squash 86d0ab4). All consumers of the component inherit the touch targets.