switch button color and bg for clearer on small screens and more consistency

bbland1 · bbland1 · commit 9cafd271a5d1 · 2024-10-15T22:44:37.000-04:00
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>

Original file line number	Diff line number	Diff line change
`@@ -36,14 +36,14 @@`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`.navbar button {`
`39`		`- background-color: $secondary-blue;`
`40`		`- color: $primary-beige;`
	`39`	`+ background-color: $primary-beige;`
	`40`	`+ color: $secondary-blue;`
`41`	`41`	`font-weight: bold;`
`42`	`42`	`border: none;`
`43`	`43`
`44`	`44`	`&:hover {`
`45`		`- background-color: $primary-beige;`
`46`		`- color: $secondary-blue;`
	`45`	`+ background-color: $secondary-blue;`
	`46`	`+ color: $primary-beige;`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`@media (min-width: 431px) {`
`@@ -53,8 +53,4 @@`
`53`	`53`	`padding: 0.5rem;`
`54`	`54`	`width: 11rem;`
`55`	`55`	`}`
`56`		`-`
`57`		`- @media (max-width: 430px) {`
`58`		`- background-color: $primary-beige;`
`59`		`- }`
`60`	`56`	`}`