844 B
844 B
Use Playwright MCP as a visual QA and frontend polish tool for this page.
Inspect the page at mobile, tablet, and desktop breakpoints, identify styling/layout issues, and fix them directly in the code.
Focus on:
- spacing
- sizing
- alignment
- element positions
- typography scaling
- card proportions
- image/text balance
- overflow/clipping
- responsiveness
Requirements:
- keep Tailwind CSS
- preserve the current design intent
- improve the page until it looks polished and production-ready
- verify each fix visually with Playwright MCP
- iterate until no obvious visual issues remain
Test at:
- 375x812
- 768x1024
- 1280x800
Use VigilCareRecordsAPI/Data/Seed/DataSeeder.cs to get the logins
Do not only report problems. Make the fixes, re-test, and then provide a short summary of what was improved.