From 84762e9042fc24841d2e5667097b6c62ccf78f48 Mon Sep 17 00:00:00 2001
From: Sahej Panag <spanag3@gatech.edu>
Date: Sat, 20 Apr 2024 23:00:07 -0400
Subject: [PATCH] navbar

---
 frontend/src/App.tsx        | 14 ++++++++++++--
 frontend/src/styles/App.css | 22 ++++++++++++++--------
 2 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index b4ef972..bd1c630 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -31,12 +31,22 @@ export default function App() {
   )
 }
 function Navbar() {
+  const linkStyle = {
+    textDecoration: 'none', 
+    color: 'black',
+    background: '#B1D4E0', 
+    padding: '8px 16px', 
+    borderRadius: '5px',
+    margin: '0 5px' 
+  };
   const session = useContext(SessionContext);
 
   const links = session ? (
     <>
-      <Link to="/">Home</Link>
-      <Link to="/login" onClick={destroySessionCookie}>Logout</Link>
+      <img src="/PeerNotes.png" alt="PeerNotes Logo" style={{ height: '60px', marginRight: '10px' }} />
+      <Link to="/" style={linkStyle}>Home</Link>
+      <Link to="/search" style={linkStyle}>Search</Link>
+      <Link to="/login" onClick={destroySessionCookie} style={linkStyle}>Logout</Link>
     </>
   ): (
       <Link to="/login">Login</Link>
diff --git a/frontend/src/styles/App.css b/frontend/src/styles/App.css
index 2909c89..b77c0f5 100644
--- a/frontend/src/styles/App.css
+++ b/frontend/src/styles/App.css
@@ -1,12 +1,18 @@
 nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem 2rem;
-    border: 3px solid #f1f1f1;
-    border-radius: 5px;
-    color: black;
-    background-color: white;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 2rem;
+  margin: 0;
+  width: 100%;
+  background-color: #145DA0;
+  border: none;
+  border-radius: 0;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  box-sizing: border-box;
 }
 .App {
     display: flex;