Update styles.css

Author: aeyaros

data/styles/styles.css

@@ -633,6 +633,40 @@ script {
 	border-top: var(--mainBorder);
 }
 
+/* keep the button rows of roughly equal width */
+@media (max-width: 980px) {
+	#footer {
+		display: flex;
+		flex-flow: column nowrap;
+		align-items: center;
+	}
+	#footerLinks {
+		max-width: 600px;
+	}
+}
+
+/* prevent two rows of 4 and a single button below - force a 3x3 grid */
+@media (max-width: 620px) {
+	#footerLinks {
+		max-width: 420px;
+	}
+}
+
+/* smaller margins */
+@media (max-width: 380px) {
+	.footerLink {
+		margin: 5px!important;
+	}
+}
+
+/* smaller margins */
+@media (max-width: 200px) {
+	.footerLink {
+		margin: 2px!important;
+	}
+}
+
+
 #footer > * {
 	margin: calc(var(--footerMargin) + env(safe-area-inset-right)) calc(var(--footerMargin) + env(safe-area-inset-left));
 }