From faf206443c6bf959ac28f0781f824b0dfe18156b Mon Sep 17 00:00:00 2001
From: Kinzi <100537572+Kinzi-c@users.noreply.github.com>
Date: Mon, 22 Jul 2024 16:24:10 +1200
Subject: [PATCH] Make Navbar sticky

---
 web/src/app/components/AuthForms/LoginForm.tsx  | 8 ++++----
 web/src/app/components/Navbar/Navbar.module.css | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/app/components/AuthForms/LoginForm.tsx b/web/src/app/components/AuthForms/LoginForm.tsx
index c97501f..b5631cd 100644
--- a/web/src/app/components/AuthForms/LoginForm.tsx
+++ b/web/src/app/components/AuthForms/LoginForm.tsx
@@ -48,16 +48,16 @@ export function LoginForm() {
         </Button>
         <Flex justify="center" gap="md" mt="md" mr="md">
           <Button variant="filled" color="green" onClick={() => handleLoginAs('student')}>
-            Login as Student
+            Student
           </Button>
           <Button variant="filled" color="blue" onClick={() => handleLoginAs('sponsor')}>
-            Login as Sponsor
+            Sponsor
           </Button>
           <Button variant="filled" color="violet" onClick={() => handleLoginAs('alumni')}>
-            Login as Alumni
+            Alumni
           </Button>
           <Button variant="filled" color="red" onClick={() => handleLoginAs('admin')}>
-            Login as Admin
+            Admin
           </Button>
         </Flex>
         <Text ta="center" mt="xl">
diff --git a/web/src/app/components/Navbar/Navbar.module.css b/web/src/app/components/Navbar/Navbar.module.css
index 658d8e0..6121cc4 100644
--- a/web/src/app/components/Navbar/Navbar.module.css
+++ b/web/src/app/components/Navbar/Navbar.module.css
@@ -1,5 +1,5 @@
 .Navbar {
-  position: absolute;
+  position: fixed;
   z-index: 2;
   width: 100vw;
   background-color: rgba(000, 000, 000, 0.5);