From b412b2a7e6b475d77d215374eafbabc086ba1534 Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Tue, 20 Jan 2026 20:32:22 -1000 Subject: 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 --- web/static/css/input.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'web/static') 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 */ -- cgit v1.2.3