switch button color and bg for clearer on small screens and more cons…

…istency
the-collab-lab · Oct 16, 2024 · 9cafd27 · 9cafd27
1 parent 84b4401
commit 9cafd27
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/src/components/NavBar.scss b/src/components/NavBar.scss
@@ -36,14 +36,14 @@
 }
 
 .navbar button {
-	background-color: $secondary-blue;
-	color: $primary-beige;
+	background-color: $primary-beige;
+	color: $secondary-blue;
 	font-weight: bold;
 	border: none;
 
 	&:hover {
-		background-color: $primary-beige;
-		color: $secondary-blue;
+		background-color: $secondary-blue;
+		color: $primary-beige;
 	}
 
 	@media (min-width: 431px) {
@@ -53,8 +53,4 @@
 		padding: 0.5rem;
 		width: 11rem;
 	}
-
-	@media (max-width: 430px) {
-		background-color: $primary-beige;
-	}
 }
diff --git a/src/views/unauthenticated/About.tsx b/src/views/unauthenticated/About.tsx
@@ -190,7 +190,7 @@ export function About() {
 									target="_blank"
 								>
 									The Collab Lab
-								</a>
+								</a>{" "}
 								for the opportunity!
 							</p>
 						</Card.Body>