From bd015f4c56e9d954944ed22b70d1b6e56dfd7a88 Mon Sep 17 00:00:00 2001
From: Jake Turner <52841588+jakeaturner@users.noreply.github.com>
Date: Wed, 25 Mar 2026 15:11:08 -0700
Subject: [PATCH] fix(UI): improve version display in Settings sidebar (#547)

---
 admin/inertia/components/StyledSidebar.tsx | 4 ++--
 admin/inertia/components/ThemeToggle.tsx   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/admin/inertia/components/StyledSidebar.tsx b/admin/inertia/components/StyledSidebar.tsx
index 8b5d21a..ceba4ae 100644
--- a/admin/inertia/components/StyledSidebar.tsx
+++ b/admin/inertia/components/StyledSidebar.tsx
@@ -78,11 +78,11 @@ const StyledSidebar: React.FC<StyledSidebarProps> = ({ title, items }) => {
             </li>
           </ul>
         </nav>
-        <div className="mb-4 flex flex-col items-center gap-1 text-sm text-text-secondary">
+        <div className="mb-4 flex flex-col items-center gap-1 text-sm text-text-secondary text-center">
           <p>Project N.O.M.A.D. Command Center v{appVersion}</p>
           <button
             onClick={() => setDebugModalOpen(true)}
-            className="mt-1 text-gray-500 hover:text-desert-green inline-flex items-center gap-1 cursor-pointer"
+            className="text-gray-500 hover:text-desert-green inline-flex items-center gap-1 cursor-pointer"
           >
             <IconBug className="size-3.5" />
             Debug Info
diff --git a/admin/inertia/components/ThemeToggle.tsx b/admin/inertia/components/ThemeToggle.tsx
index abd9109..e280267 100644
--- a/admin/inertia/components/ThemeToggle.tsx
+++ b/admin/inertia/components/ThemeToggle.tsx
@@ -13,7 +13,7 @@ export default function ThemeToggle({ compact = false }: ThemeToggleProps) {
     <button
       onClick={toggleTheme}
       className="flex items-center gap-1.5 rounded-md px-2 py-1 text-sm transition-colors
-                 text-desert-stone hover:text-desert-green-darker"
+                 text-desert-stone hover:text-desert-green-darker cursor-pointer"
       aria-label={isDark ? 'Switch to Day Ops' : 'Switch to Night Ops'}
       title={isDark ? 'Switch to Day Ops' : 'Switch to Night Ops'}
     >