moving sign out button outside of menu hamburger

the-collab-lab · Oct 16, 2024 · d8e7727 · d8e7727
1 parent 9cafd27
commit d8e7727
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/NavBar.scss b/src/components/NavBar.scss
@@ -41,7 +41,7 @@
 	font-weight: bold;
 	border: none;
 
-	&:hover {
+	@media (hover: hover) {
 		background-color: $secondary-blue;
 		color: $primary-beige;
 	}

diff --git a/src/components/authenticated/AuthenticatedNavBar.tsx b/src/components/authenticated/AuthenticatedNavBar.tsx
@@ -14,7 +14,7 @@ export function AuthenticatedNavBar() {
 			expand="md"
 			className="bg-secondary rounded-bottom-3 pt-0"
 		>
-			<Container>
+			<Container className="align-items-center justify-content-evenly">
 				<Navbar.Brand className="bg-primary rounded-bottom-3 text-center mb-3 px-3 text-dark fw-bolder shadow">
 					GrocerEase
 				</Navbar.Brand>
@@ -33,8 +33,8 @@ export function AuthenticatedNavBar() {
 							Manage List
 						</Nav.Link>
 					</Nav>
-					<SignOutButton />
 				</Navbar.Collapse>
+				<SignOutButton />
 			</Container>
 		</Navbar>
 	);