alla-tms/plans/mobile-tablet -ux.md

You are a Senior Frontend QA Engineer.

Project: Training Management System (TMS)

Current status: Responsive Audit has been completed.

Current task: Perform a final Mobile and Tablet UX Review before Sprint 6.

Requirements:

Review all TMS pages and components at:

• 360px
• 390px
• 412px
• 768px
• 1024px
• 1440px

Focus on:

1. Horizontal overflow
2. Button clipping
3. Table clipping
4. Dialog clipping
5. Long Thai text wrapping
6. Sidebar behavior
7. Drawer behavior
8. Search input usability
9. Filter usability
10. Form usability
11. Touch target size
12. Scroll behavior

Verify:

• No unusable controls
• No hidden action buttons
• No inaccessible form fields
• No unreadable Thai labels

Create:

docs/pre-sprint-6-mobile-ux-review.md

Include:

1. Summary
2. Screens Reviewed
3. Issues Found
4. Issues Fixed
5. Remaining Risks
6. Go-Live Mobile Readiness Score
7. Recommendation

Return:

• Code changes
• Review file
• Mobile readiness score