From 638cb23923cb502f8e2a49b1bf3fd8d18d55de9b Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Sat, 7 Jun 2025 18:41:37 +1000
Subject: [PATCH] Rearrange UI menu (#9743)

- Better grouping
---
 src/frontend/src/components/nav/MainMenu.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/components/nav/MainMenu.tsx b/src/frontend/src/components/nav/MainMenu.tsx
index 9f77889a0e..e18bf98b13 100644
--- a/src/frontend/src/components/nav/MainMenu.tsx
+++ b/src/frontend/src/components/nav/MainMenu.tsx
@@ -67,16 +67,6 @@ export function MainMenu() {
             <Trans>System Settings</Trans>
           </Menu.Item>
         )}
-        <Menu.Item
-          onClick={toggleColorScheme}
-          leftSection={colorScheme === 'dark' ? <IconSun /> : <IconMoonStars />}
-          c={
-            colorScheme === 'dark' ? vars.colors.yellow[4] : vars.colors.blue[6]
-          }
-        >
-          <Trans>Change Color Mode</Trans>
-        </Menu.Item>
-        {user?.is_staff && <Menu.Divider />}
         {user?.is_staff && (
           <Menu.Item
             leftSection={<IconUserBolt />}
@@ -86,6 +76,16 @@ export function MainMenu() {
             <Trans>Admin Center</Trans>
           </Menu.Item>
         )}
+        {user?.is_staff && <Menu.Divider />}
+        <Menu.Item
+          onClick={toggleColorScheme}
+          leftSection={colorScheme === 'dark' ? <IconSun /> : <IconMoonStars />}
+          c={
+            colorScheme === 'dark' ? vars.colors.yellow[4] : vars.colors.blue[6]
+          }
+        >
+          <Trans>Change Color Mode</Trans>
+        </Menu.Item>
         <Menu.Divider />
         <Menu.Item
           leftSection={<IconLogout />}