From 138105932dff7bf3080fc8167b35b9a6551c4509 Mon Sep 17 00:00:00 2001 From: Nick Welter Date: Tue, 11 Aug 2026 22:39:19 -0400 Subject: [PATCH] Fix the tab nav dropping below the MX Master cards on Advanced MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Every workspace panel is placed by a per-id flex `order` rule, with the sticky tab nav at order 1. The MX Master settings section was the only panel without an id, so it fell to the default order 0 and rendered above the nav — pushing the tab bar into the middle of the Advanced tab, below the four cards, where a tall tab scrolls it out of reach. Give the section an id and an order (5, just before Device details), matching how every sibling panel is already positioned. Co-Authored-By: Claude Opus 4.8 Claude-Session: https://claude.ai/code/session_012pZcQpyw9YNZE1yy5LcXxX --- src/app/App.tsx | 2 +- src/control.css | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/app/App.tsx b/src/app/App.tsx index 06e69b3d..c53db9da 100644 --- a/src/app/App.tsx +++ b/src/app/App.tsx @@ -208,7 +208,7 @@ function Workspace({ {showLogitechDetails ? : null} {showMxMaster ? ( -
+
) : null} diff --git a/src/control.css b/src/control.css index 624fc2a1..4f17493e 100644 --- a/src/control.css +++ b/src/control.css @@ -1058,6 +1058,10 @@ body { height: 100vh; overflow: hidden; } #performance-settings { order: 3; } #lighting-settings { order: 4; } #logitech-onboard { order: 5; } +/* The MX Master feature cards are the primary Advanced-tab content; without an + order they fall to 0 and render above the sticky tab nav (order 1), pushing + it into the middle of the page. Place them just before Device details. */ +#logitech-mx-master-settings { order: 5; } #logitech-device-details { order: 6; } #logitech-analog-button-settings { order: 7; } #pulsar-advanced { order: 8; }