New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve Mobile Forms and Tables Layout #5

Closed

mrmartin1998 opened this issue Jan 18, 2025 · 1 comment

Assignees

Labels

high-bug

Owner

mrmartin1998 commented Jan 18, 2025

Forms and tables are breaking on mobile devices, causing usability issues and horizontal scrolling.

Current Issues:

Tables overflow on mobile screens
Form inputs not properly sized
Input groups stack incorrectly
Action buttons poorly positioned

Specific Components:

Workout Creation Form
- Set/rep tables overflow
- Input fields too narrow
- Button positioning issues
Exercise Forms
- Filter controls overlap
- Search inputs not full width
- Form validation messages overflow

Related Files:

src/app/workouts/create/page.jsx
src/app/exercises/page.jsx

mrmartin1998 added the enhancement label

mrmartin1998 self-assigned this

mrmartin1998 added high-bug and removed enhancement labels

Owner Author

mrmartin1998 commented Jan 25, 2025

Improved mobile layout for workout creation form by:

Added clear labels for reps and weight inputs on mobile view
Maintained desktop table view while optimizing mobile experience
Reduced horizontal scrolling on small screens
Improved touch targets for better mobile usability
Added responsive design that adapts to screen size

mrmartin1998 closed this as completed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment