Mobile UX Overhaul for RAMS Pages
Ground-up redesign of the RAMS, COSHH, and SSOW editor experience on mobile. Flat, clutter-free layout with more content space and fewer taps to get things done.
- UXFlattened nested card borders on mobile preview — content uses subtle background shifts instead of 4-5 layers of bordered containers
- UXDecluttered mobile editor — sign-off, approve, generate COSHH/SSOW, and public/private toggle moved into the details sheet
- UXPreview footer reduced to just Word + PDF download buttons on mobile, freeing up ~35% of screen space
- UXTouch-friendly delete buttons and 3-dot menus — always visible on mobile instead of hover-only
- UXTighter section padding, narrower risk columns, and side-by-side filter dropdowns on listing pages
- UXTab bar scroll hint gradient and reduced padding so more tabs are visible without scrolling
- ImprovementListing page KPI cards use compact horizontal layout on mobile
- ImprovementEditor header cleaned up — larger title, icon-only info button, removed visual clutter