From 53aab32cfd7c66922772106993c41472ddec6abd Mon Sep 17 00:00:00 2001 From: matteoscrugli Date: Sun, 11 Jan 2026 14:15:11 +0100 Subject: [PATCH] Use page-padding-y-mobile for mobile tab bar gaps Match desktop proportions by using --page-padding-y-mobile (1.25rem) instead of --space-3 (0.75rem) for both top and bottom gaps. Co-Authored-By: Claude Opus 4.5 --- frontend/src/styles/Layout.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/styles/Layout.css b/frontend/src/styles/Layout.css index 6882dcd..09526ed 100644 --- a/frontend/src/styles/Layout.css +++ b/frontend/src/styles/Layout.css @@ -444,8 +444,8 @@ label, @media (max-width: 768px) { .main-content { margin-left: 0; - --page-padding-y-mobile-gap: var(--space-3); - --page-padding-y-mobile-bottom-gap: var(--space-3); + --page-padding-y-mobile-gap: var(--page-padding-y-mobile); + --page-padding-y-mobile-bottom-gap: var(--page-padding-y-mobile); --tabs-slider-height-fallback: calc(var(--tab-pill-height, 44px) + 8px); }