From a60ef54a23d5cd64902882cdb942906d0977bfc2 Mon Sep 17 00:00:00 2001
From: Oliver Kieselbach <oliver.kieselbach@outlook.com>
Date: Fri, 19 Jun 2026 10:05:32 +0200
Subject: [PATCH] fix(web): increase sidebar nav label vertical nudge to 1px

0.5px under-corrected the optical high-sitting of full-mode nav labels;
bump to 1px so text centers on its icon.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../autopilot-monitor-web/components/GlobalSidebar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Web/autopilot-monitor-web/components/GlobalSidebar.tsx b/src/Web/autopilot-monitor-web/components/GlobalSidebar.tsx
index 681c335c..941510a7 100644
--- a/src/Web/autopilot-monitor-web/components/GlobalSidebar.tsx
+++ b/src/Web/autopilot-monitor-web/components/GlobalSidebar.tsx
@@ -322,7 +322,7 @@ export function GlobalSidebar({ children }: { children: ReactNode }) {
       <li key={item.id}>
         <Link href={item.href} onClick={() => setMobileDrawerOpen(false)} className={`${base} px-3 py-1.5`}>
           {renderIcon(item.icon, "w-4 h-4")}
-          <span className="truncate relative top-[0.5px]">{item.label}</span>
+          <span className="truncate relative top-px">{item.label}</span>
         </Link>
       </li>
     );
@@ -367,7 +367,7 @@ export function GlobalSidebar({ children }: { children: ReactNode }) {
         <li key={item.id}>
           <Link href={item.href} onClick={() => setMobileDrawerOpen(false)} className={`${base} px-3 py-1.5`}>
             {renderIcon(item.icon, "w-4 h-4")}
-            <span className="truncate relative top-[0.5px]">{item.label}</span>
+            <span className="truncate relative top-px">{item.label}</span>
           </Link>
         </li>
       );
@@ -377,7 +377,7 @@ export function GlobalSidebar({ children }: { children: ReactNode }) {
       <li key={item.id}>
         <button onClick={() => scrollTo(item.id)} className={`${base} w-full text-left px-3 py-1.5`}>
           {renderIcon(item.icon, "w-4 h-4")}
-          <span className="truncate relative top-[0.5px]">{item.label}</span>
+          <span className="truncate relative top-px">{item.label}</span>
         </button>
       </li>
     );
@@ -514,7 +514,7 @@ export function GlobalSidebar({ children }: { children: ReactNode }) {
                         }`}
                       >
                         <span className="shrink-0 w-4 h-4">{expandItem.icon}</span>
-                        <span className="truncate flex-1 text-left relative top-[0.5px]">{expandItem.label}</span>
+                        <span className="truncate flex-1 text-left relative top-px">{expandItem.label}</span>
                         <svg
                           className={`w-3.5 h-3.5 shrink-0 text-gray-400 transition-transform duration-150 ${isExpanded ? "rotate-90" : ""}`}
                           fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}
@@ -655,7 +655,7 @@ export function GlobalSidebar({ children }: { children: ReactNode }) {
                       {group.icon ? group.icon : renderIcon(undefined, "w-4 h-4")}
                     </span>
                     {/* Group label */}
-                    <span className="truncate flex-1 text-left relative top-[0.5px]">{group.name}</span>
+                    <span className="truncate flex-1 text-left relative top-px">{group.name}</span>
                     {/* Chevron */}
                     <svg
                       className={`w-3.5 h-3.5 shrink-0 text-gray-400 transition-transform duration-150 ${isExpanded ? "rotate-90" : ""}`}