Improved Mobile Touch Targets for Action Buttons

Release: v0.1.66 · Category: Mobile / Touch Interaction

Overview

Version 0.1.66 addresses a usability issue on mobile devices where several icon-only buttons across the dashboard had touch targets too small for reliable interaction. These buttons — used for high-consequence actions like deleting screening records and revoking API keys — were frequently mis-tapped on touchscreens.

What Changed

Three categories of buttons were identified as falling below the 44×44px minimum recommended touch target size and have been updated:

1. Table Row Delete Button

	Before	After
CSS class	rounded p-1	rounded p-2.5
Effective touch area	~24×24px	~48×48px

The delete button in the people/entity screening table now has significantly more tappable surface area, reducing accidental mis-taps and making it easier to interact with on phones and tablets.

2. API Key Revoke Button

	Before	After
CSS class	rounded p-1.5	rounded p-2.5
Effective touch area	~28×28px	~48×48px

The revoke button in the API key settings panel has been brought in line with the same standard.

3. Filter Tab Pills

	Before	After
Height	~30px	≥44px

Filter tab pills used to narrow screening results were too short for comfortable tapping. They now meet the minimum height requirement.

Why This Matters

Small touch targets are a significant usability problem in compliance workflows, where users frequently access the dashboard from mobile devices in the field. Mis-tapping a delete or revoke button — actions that cannot always be undone — carries real risk. These changes bring all affected controls into line with Apple HIG and Material Design accessibility guidance.

Affected Areas

• People / entity screening table — row-level delete action
• Settings → API keys — per-key revoke action
• Dashboard filter tabs — result filtering controls

No changes were made to the underlying data model, API, or screening logic. This is a purely visual/interaction update.