From 98ad83ae5f5f8a2b0a581b10faba7dadb8c4e013 Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Wed, 11 Mar 2026 02:59:23 +0800
Subject: [PATCH] Evenly space admin portal tab navigation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/admin/AdminPortal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/admin/AdminPortal.tsx b/frontend/src/components/admin/AdminPortal.tsx
index a4d2324..09934fb 100644
--- a/frontend/src/components/admin/AdminPortal.tsx
+++ b/frontend/src/components/admin/AdminPortal.tsx
@@ -19,7 +19,7 @@ export default function AdminPortal() {
       {/* Portal header with tab navigation */}
       <div className="shrink-0 border-b bg-card overflow-hidden">
         <div className="px-3 md:px-6 h-14 md:h-16 flex items-center gap-2 md:gap-4">
-          <div className="flex items-center gap-2 mr-2 md:mr-6 shrink-0">
+          <div className="flex items-center gap-2 shrink-0">
             <div className="p-1.5 rounded-md bg-red-500/10">
               <ShieldCheck className="h-5 w-5 text-red-400" />
             </div>
@@ -27,7 +27,7 @@ export default function AdminPortal() {
           </div>
 
           {/* Horizontal tab navigation */}
-          <nav className="flex items-center gap-1 h-full min-w-0 overflow-x-auto">
+          <nav className="flex items-center justify-evenly flex-1 h-full min-w-0 overflow-x-auto">
             {tabs.map(({ label, path, icon: Icon }) => {
               const isActive = location.pathname.startsWith(path);
               return (
@@ -36,7 +36,7 @@ export default function AdminPortal() {
                   to={path}
                   title={label}
                   className={cn(
-                    'flex items-center gap-1.5 px-2.5 md:px-4 h-full text-sm font-medium transition-colors duration-150 border-b-2 -mb-px whitespace-nowrap',
+                    'flex items-center justify-center gap-1.5 px-2.5 md:px-4 h-full text-sm font-medium transition-colors duration-150 border-b-2 -mb-px whitespace-nowrap',
                     isActive
                       ? 'text-accent border-accent'
                       : 'text-muted-foreground hover:text-foreground border-transparent'