Ensure touch targets are adequately sized on mobile
Test navigation, modals, and tables on narrow viewports
Consider mobile-first improvements for the most common mobile use cases (checking today's menu, making a selection)
## Feature: Improved Responsive Design
**FeatureRequest enum:** `RESPONSIVITY`
**Description:** Vylepšení responzivního designu
### Implementation Notes
Improve the responsive layout for better mobile and tablet experience.
**Key files to modify:**
- `client/src/App.scss` – Responsive breakpoints, layout adjustments
- Various components – Ensure all UI components adapt well to small screens
**Approach:**
1. Audit current responsive behavior on various screen sizes (mobile, tablet, desktop)
2. Identify layout issues (overflow, truncation, unreadable text, unusable controls)
3. Add/fix CSS media queries for key breakpoints
4. Ensure touch targets are adequately sized on mobile
5. Test navigation, modals, and tables on narrow viewports
6. Consider mobile-first improvements for the most common mobile use cases (checking today's menu, making a selection)
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Feature: Improved Responsive Design
FeatureRequest enum:
RESPONSIVITYDescription: Vylepšení responzivního designu
Implementation Notes
Improve the responsive layout for better mobile and tablet experience.
Key files to modify:
client/src/App.scss– Responsive breakpoints, layout adjustmentsApproach: