From e64f325022f4848f10814d41b63d15c713232e72 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Tue, 17 Jun 2025 15:31:57 +0200
Subject: [PATCH] Reorder Header items. Center Logo Move Settings/Jobs buttons
 to left side

---
 tranga-website/src/Header.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/tranga-website/src/Header.tsx b/tranga-website/src/Header.tsx
index 84d1076..101c257 100644
--- a/tranga-website/src/Header.tsx
+++ b/tranga-website/src/Header.tsx
@@ -9,6 +9,8 @@ export default function Header({children} : {children? : ReactElement<any, any>
     return (
         <Sheet className={"header"} sx={{position: "sticky !important", zIndex: 100}}>
             <Stack direction={"row"} spacing={2} sx={{width: "100%", alignItems: "center"}}>
+                {children}
+                <Box sx={{flexGrow: 1}} />
                 <img src={"/blahaj.png"} style={{cursor: "grab", maxHeight: "100%"}}/>
                 <Typography level={"h2"} sx={{
                     background: "linear-gradient(110deg, var(--joy-palette-primary-solidBg), var(--joy-palette-success-400))", 
@@ -17,10 +19,9 @@ export default function Header({children} : {children? : ReactElement<any, any>
                     fontWeight: "bold",
                     cursor: "default"
                 }}>Tranga</Typography>
+                <Box sx={{flexGrow: 1}} />
                 <Link href={"https://github.com/C9Glax/tranga"} color={"neutral"} height={"min-content"} ><GitHub /> Server</Link>
                 <Link href={"https://github.com/C9Glax/tranga-website"} color={"neutral"} height={"min-content"} ><GitHub /> Website</Link>
-                <Box sx={{flexGrow: 1}} />
-                {children}
             </Stack>
         </Sheet>
     );