Major Settings UI/UX Overhaul & Mobile Experience
Dramatic improvements to the settings area for both desktop and mobile, with a focus on responsive design, accessibility, and usability.
- 📱 Mobile-First Settings: All settings pages now feature a modern, mobile-optimized layout with edge-to-edge content, scrollable tables, and easy-to-tap actions.
- 🧭 Horizontal Tab Navigation: Introduced a beautiful, scrollable pill-style tab bar for settings navigation on mobile, with icons and clear section grouping.
- 🗂️ Sidebar Responsiveness: Sidebar is now hidden on mobile and always visible on desktop, with seamless transitions.
- 🖱️ Scrollable Tables: All wide tables are horizontally scrollable on mobile, so no data is ever cut off.
- 🔘 Action Buttons: All action buttons (Sync, Invite, etc.) are now stacked and full-width on mobile, and remain horizontal on desktop.
- 🧩 Adaptive Cards: Cards and forms use compact spacing on mobile, but remain spacious and centered on desktop where appropriate.
- 🪄 Visual Polish: Improved spacing, padding, and alignment throughout the settings area for a more professional look.
- 🐞 Fixed sidebar and content overlap issues on mobile.
- 🐞 Resolved table overflow and horizontal scrolling bugs.
- 🐞 Fixed action bar layout issues in Employees and other settings pages.
- 🐞 Restored full-width content for tables on desktop after mobile improvements.