diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-01-20 20:32:22 -1000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-01-20 20:32:22 -1000 |
| commit | b412b2a7e6b475d77d215374eafbabc086ba1534 (patch) | |
| tree | 13e2210cb4fb62426af6b94b81b62a277352e838 /web/static/css | |
| parent | 6cdfc55e5712075fef24a559138c054ef58e1ac1 (diff) | |
Improve mobile responsiveness
- Hide full header on mobile, show compact version
- Make Quick Add collapsible to save space
- Compact task cards: smaller padding, text, and gaps
- Remove checkbox decoration, tap card to complete
- Reduce side padding on mobile
- Smaller tab buttons on mobile
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Diffstat (limited to 'web/static/css')
| -rw-r--r-- | web/static/css/input.css | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/web/static/css/input.css b/web/static/css/input.css index 5c062c0..f2bbca8 100644 --- a/web/static/css/input.css +++ b/web/static/css/input.css @@ -30,7 +30,7 @@ /* Navigation Pills */ .tab-button { - @apply px-4 py-2 rounded-lg text-sm font-medium text-gray-600 transition-all duration-200; + @apply px-2 sm:px-4 py-2 rounded-lg text-xs sm:text-sm font-medium text-gray-600 transition-all duration-200; } .tab-button:hover { @@ -79,7 +79,7 @@ /* Custom utilities */ @layer utilities { .section-spacing { @apply mb-10; } - .content-max-width { @apply max-w-7xl mx-auto px-6 lg:px-8; } + .content-max-width { @apply max-w-7xl mx-auto px-3 sm:px-6 lg:px-8; } .card-grid { @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6; } /* Scrollbar styling */ |