[dashboard] improve responsiveness

uwu · Jan 10, 2025 · 8857925 · 8857925
1 parent bad5b2d
commit 8857925
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/dashboard/dashboard.css b/src/dashboard/dashboard.css
@@ -14,17 +14,23 @@ body {
 	align-items: baseline;
 	justify-content: space-between;
 	border-bottom: 1px solid white;
-	padding-bottom: 0.5rem;
 	gap: 1rem;
 }
 
 #header-wrap h1 {
+	text-align: center;
 	margin: 0;
 }
 
-#header-links { margin-bottom: 0.25rem; }
+#header-links {
+	display: flex;
+	justify-content: center;
+	flex-wrap: wrap;
+	gap: 0.5rem;
+}
 
 #header-links > * {
+	display: inline-block;
 	color: white;
 	font-size: 1.125rem;
 	text-decoration: none;
@@ -124,6 +130,7 @@ h1, h2 { font-weight: normal; }
 
 @media (max-width: 1024px) {
 	#lower-flex { flex-direction: column; }
+	#header-wrap { justify-content: center; }
 }
 
 figure {