Fixing the Property Portfolio Actions Menu on Mobile
Fixing the Property Portfolio Actions Menu on Mobile
Release: v1.0.171
What Changed
If you've ever tried to tap the ⋯ (more actions) button on the Property Portfolio screen on your phone and found it fiddly or unresponsive, this release fixes that.
The button was rendered at roughly 24×24 px — far below the 44×44 px minimum tap target size that mobile platforms (iOS Human Interface Guidelines, Android Material Design, and WCAG 2.5.5) all recommend. On smaller screens or when scrolling through a long property list, this made it easy to miss the button entirely.
What Was Fixed
| Before | After | |
|---|---|---|
| CSS classes | rounded-md p-1 | rounded-md p-2.5 min-h-11 min-w-11 flex items-center justify-center |
| Tap target size | ~24×24 px | ≥44×44 px |
| Icon appearance | Unchanged | Unchanged |
The icon itself looks identical — only the invisible tappable area around it has grown to meet the accessibility minimum.
Why It Matters
The actions dropdown in the Property Portfolio is how you access key operations for each property. An undersized tap target meant:
- Multiple taps needed to open the menu.
- Accidental taps on neighbouring elements.
- A poor experience on any touch device, particularly one-handed use on smaller phones.
This fix ensures the menu opens reliably on the first tap, on any device.
Affected File
src/app/dashboard/properties/property-portfolio.tsx
No Action Required
This is a front-end fix that is automatically applied. No settings changes or re-authentication is needed.