From d6506eab5ab785b8aa729c9d363fe6c7ed6afc87 Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Wed, 22 Apr 2026 11:46:48 -0400
Subject: [PATCH] style(admin): update layout font, max-width, and sidebar
 active item styles

---
 src/features/admin/components/AdminPagesLayout.js | 4 ++--
 src/features/admin/components/AdminSidebar.js     | 9 +++------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/features/admin/components/AdminPagesLayout.js b/src/features/admin/components/AdminPagesLayout.js
index d7d9ebf..5d4f086 100644
--- a/src/features/admin/components/AdminPagesLayout.js
+++ b/src/features/admin/components/AdminPagesLayout.js
@@ -8,7 +8,7 @@ export default function AdminPagesLayout({ children, user, onLogout, appName, en
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
 
   return (
-    <div className="flex h-screen overflow-hidden bg-white dark:bg-black">
+    <div className="flex h-screen overflow-hidden bg-white dark:bg-black font-ibm-plex-sans">
       <AdminSidebar
         isMobileMenuOpen={isMobileMenuOpen}
         setIsMobileMenuOpen={setIsMobileMenuOpen}
@@ -19,7 +19,7 @@ export default function AdminPagesLayout({ children, user, onLogout, appName, en
       <div className="flex-1 flex flex-col min-w-0">
         <AdminHeader isMobileMenuOpen={isMobileMenuOpen} setIsMobileMenuOpen={setIsMobileMenuOpen} user={user} onLogout={onLogout} appName={appName} navigationSections={navigationSections} />
         <main className="flex-1 overflow-y-auto bg-neutral-50 dark:bg-black">
-          <div className="px-8 py-7 pb-32 max-w-[1400px] mx-auto">
+          <div className="px-8 py-7 pb-32 max-w-[1920px] mx-auto">
             {children}
           </div>
         </main>
diff --git a/src/features/admin/components/AdminSidebar.js b/src/features/admin/components/AdminSidebar.js
index a75c99a..f2a5565 100644
--- a/src/features/admin/components/AdminSidebar.js
+++ b/src/features/admin/components/AdminSidebar.js
@@ -89,8 +89,8 @@ const AdminSidebar = ({ isMobileMenuOpen, setIsMobileMenuOpen, appName, enabledM
         }))
     }));
 
-    const itemBase = 'w-full flex items-center justify-between px-[10px] py-[7px] rounded-lg text-[13px] transition-colors duration-[120ms] ease-out';
-    const itemActive = 'bg-neutral-200 dark:bg-neutral-800 text-neutral-900 dark:text-white font-semibold';
+    const itemBase = 'w-full flex items-center justify-between px-[10px] py-[7px] rounded-lg text-[13px] font-normal transition-colors duration-[120ms] ease-out';
+    const itemActive = 'bg-neutral-100 dark:bg-neutral-900 text-black dark:text-white';
     const itemInactive = 'text-neutral-500 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-900 hover:text-neutral-900 dark:hover:text-white';
 
     const subItemBase = 'w-full flex items-center justify-between px-[10px] py-[7px] rounded-lg text-[12px] transition-colors duration-[120ms] ease-out';
@@ -200,10 +200,7 @@ const AdminSidebar = ({ isMobileMenuOpen, setIsMobileMenuOpen, appName, enabledM
             `}>
                 {/* Logo */}
                 <Link href="/admin" className="px-4 h-12 flex items-center justify-start gap-2 border-b border-neutral-200 dark:border-neutral-800/70">
-                    <h1 className="text-neutral-900 dark:text-white font-semibold">{appName}</h1>
-                    <span className="bg-red-700/10 border border-red-600/20 text-red-600 uppercase text-[10px] leading-none px-2 py-1 rounded font-semibold">
-                        Admin
-                    </span>
+                    <h1 className="text-neutral-900 dark:text-white font-semibold text-sm">{appName}</h1>
                 </Link>
 
                 {/* Navigation */}