mirror of
https://github.com/MarekWo/mc-webui.git
synced 2026-03-28 17:42:45 +01:00
b223493183
Improve UI layout on mobile devices (screens < 768px): Navbar optimizations: - Hide "Refresh" text on mobile, show only icon to save space - Reduce gap between navbar elements (0.25rem instead of 0.5rem) - Decrease min-width for channel/date selectors (80px vs 120px/150px) - Smaller font-size (0.75rem) and padding for select elements - Compact button sizes (0.25rem padding) Modal optimizations: - Reduce modal margins (0.5rem) for better mobile fit - Smaller modal-body padding (0.75rem) - Compact channel keys with smaller font (0.65rem) and word-break - Reduce list-group-item padding (0.5rem) - Stack "Add New" and "Join Existing" buttons vertically on very small screens (<400px) Files changed: - app/static/css/style.css: Added mobile-specific CSS rules in @media query - app/templates/base.html: Wrapped "Refresh" text in <span class="btn-text"> Testing: Verified on mobile viewport (iPhone, Android simulators) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>