Ensure all touch targets meet 44px minimum

[pmilano1]

Summary

Audit and fix touch targets that don't meet the 44x44px accessibility minimum.

Areas to Audit

Known Good

• PersonCard tree icons (already 44px on mobile)

Areas to Check

• Filter controls (dropdowns, buttons)
• Timeline event links
• Tree node action buttons
• Modal close buttons
• Form inputs and buttons
• Navigation menu items

Implementation

• Use min-w-[44px] min-h-[44px] for interactive elements on mobile
• Can use smaller targets on desktop with responsive classes
• Example: min-w-[44px] min-h-[44px] sm:min-w-0 sm:min-h-0

Testing

• Test on actual mobile devices
• Use Chrome DevTools touch simulation
• Check with accessibility tools

Priority

Medium - accessibility requirement (WCAG 2.5.5)