style adjustments for footer

willyfromtheblock · willyfromtheblock · commit 1ad120fc78a4 · 2024-04-06T23:28:09.000+02:00
diff --git a/src/lib/css/index.scss b/src/lib/css/index.scss
@@ -74,8 +74,14 @@ footer {
 	* {
 		color: black !important;
 	}
+	@media (min-width: 768px) {
+		flex-direction: row;
+	}
 	display: flex;
-	justify-content: space-evenly;
+	flex-direction: column;
+	align-items: center;
+	gap: 0.5rem;
+	justify-content: space-around;
 	margin: 1rem;
 }
 .progress-circle {
@@ -108,12 +114,7 @@ footer {
 		}
 	}
 	&-donation {
-		@media (max-width: 576px) {
-			font-size: 0.7rem;
-		}
 		text-align: center;
-		margin-left: 0.5rem;
-		display: contents;
 	}
 	&-logo {
 		@media (min-width: 810px) {

Original file line number	Diff line number	Diff line change
`@@ -74,8 +74,14 @@ footer {`
`74`	`74`	`* {`
`75`	`75`	`color: black !important;`
`76`	`76`	`}`
	`77`	`+ @media (min-width: 768px) {`
	`78`	`+ flex-direction: row;`
	`79`	`+ }`
`77`	`80`	`display: flex;`
`78`		`- justify-content: space-evenly;`
	`81`	`+ flex-direction: column;`
	`82`	`+ align-items: center;`
	`83`	`+ gap: 0.5rem;`
	`84`	`+ justify-content: space-around;`
`79`	`85`	`margin: 1rem;`
`80`	`86`	`}`
`81`	`87`	`.progress-circle {`
`@@ -108,12 +114,7 @@ footer {`
`108`	`114`	`}`
`109`	`115`	`}`
`110`	`116`	`&-donation {`
`111`		`- @media (max-width: 576px) {`
`112`		`- font-size: 0.7rem;`
`113`		`- }`
`114`	`117`	`text-align: center;`
`115`		`- margin-left: 0.5rem;`
`116`		`- display: contents;`
`117`	`118`	`}`
`118`	`119`	`&-logo {`
`119`	`120`	`@media (min-width: 810px) {`