From 2532efd6ccc059ed6dcb1c1c125574c9ea802107 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Thu, 12 Mar 2026 22:44:36 -0700 Subject: [PATCH] fix(shell): align subnav/tabbar directly below tab row (top: 92px) The subnav and tabbar had top: 128px which left a 36px gap below the tab row. Changed to 92px (56px header + 36px tab row) and removed extra margin-bottom. Added sibling rule so tabbar stacks below subnav when both are present. Co-Authored-By: Claude Opus 4.6 --- server/shell.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/server/shell.ts b/server/shell.ts index 75517ab..69f975e 100644 --- a/server/shell.ts +++ b/server/shell.ts @@ -1327,9 +1327,8 @@ const SUBNAV_CSS = ` background: var(--rs-bg-surface); scrollbar-width: none; position: sticky; - top: 128px; + top: 92px; z-index: 100; - margin-bottom: 4px; } .rapp-subnav::-webkit-scrollbar { display: none; } @media (max-width: 640px) { @@ -1416,10 +1415,11 @@ const TABBAR_CSS = ` background: var(--rs-bg-surface); scrollbar-width: none; position: sticky; - top: 128px; + top: 92px; z-index: 100; } .rapp-tabbar::-webkit-scrollbar { display: none; } +.rapp-subnav + .rapp-tabbar { top: 129px; } @media (max-width: 640px) { .rapp-tabbar { position: relative; @@ -1427,6 +1427,7 @@ const TABBAR_CSS = ` padding: 0.25rem 0.75rem; gap: 0.25rem; } + .rapp-subnav + .rapp-tabbar { top: auto; } } `;