From 075a684ee341a39eaa2087cf135637265892d8c9 Mon Sep 17 00:00:00 2001
From: Imbus <imbus64@protonmail.com>
Date: Sun, 5 Nov 2023 19:31:52 +0100
Subject: [PATCH] Css related fixes for centering navbar

---
 client-solid/src/Navbar.tsx | 48 +++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 20 deletions(-)

diff --git a/client-solid/src/Navbar.tsx b/client-solid/src/Navbar.tsx
index ca5e4b8..2f68d1f 100644
--- a/client-solid/src/Navbar.tsx
+++ b/client-solid/src/Navbar.tsx
@@ -31,26 +31,34 @@ export function Navbar() {
   let login_ctx = useContext(LoginContext);
 
   return (
-    <div class="navbar bg-base-100 max-w-3xl max-w flex justify-around">
-      <A href={"/"} class="btn btn-ghost normal-case text-xl">FrostByte</A>
-      <Menu />
-      <A
-        href="#"
-        class="btn btn-ghost normal-case text-sm"
-        onClick={(b) => {
-          b.preventDefault();
-          if (login_ctx?.token() != "") {
-            localStorage.setItem("token", "");
-            localStorage.setItem("username", "");
-            login_ctx?.setToken("");
-            login_ctx?.setUsername("");
-            return;
-          }
-          modal_ctx?.setLoginModalOpen(true);
-        }}
-      >
-        {login_ctx?.token() != "" ? login_ctx?.username() : "Login"}
-      </A>
+    <div class="navbar bg-base-100 max-w-3xl max-w flex">
+      <div class="flex-1">
+        <A href={"/"} class="btn btn-ghost normal-case text-xl">
+          FrostByte
+        </A>
+      </div>
+      <div class="">
+        <Menu />
+      </div>
+      <div class="flex-1 justify-end">
+        <A
+          href="#"
+          class="btn btn-ghost normal-case text-sm"
+          onClick={(b) => {
+            b.preventDefault();
+            if (login_ctx?.token() != "") {
+              localStorage.setItem("token", "");
+              localStorage.setItem("username", "");
+              login_ctx?.setToken("");
+              login_ctx?.setUsername("");
+              return;
+            }
+            modal_ctx?.setLoginModalOpen(true);
+          }}
+        >
+          {login_ctx?.token() != "" ? login_ctx?.username() : "Login"}
+        </A>
+      </div>
     </div>
   );
 }