[dashboard] also show links on small devices

uwu · Jan 10, 2025 · 09a11ad · 09a11ad
1 parent 58b1087
commit 09a11ad
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/dashboard/dashboard.css b/src/dashboard/dashboard.css
@@ -10,18 +10,21 @@ body {
 
 #header-wrap {
 	display: flex;
+	flex-wrap: wrap;
 	align-items: baseline;
 	justify-content: space-between;
 	border-bottom: 1px solid white;
-	margin-bottom: 1rem;
-	padding-bottom: .5rem;
+	padding-bottom: 0.5rem;
+	gap: 1rem;
 }
 
 #header-wrap h1 {
 	margin: 0;
 }
 
-.header-buttons > * {
+#header-links { margin-bottom: 0.25rem; }
+
+#header-links > * {
 	color: white;
 	font-size: 1.125rem;
 	text-decoration: none;
@@ -121,8 +124,6 @@ h1, h2 { font-weight: normal; }
 
 @media (max-width: 1024px) {
 	#lower-flex { flex-direction: column; }
-
-	.header-buttons { display: none; }
 }
 
 figure {

diff --git a/src/dashboard/template.html b/src/dashboard/template.html
@@ -28,7 +28,7 @@
 	<div id="header-wrap">
 		<h1>sheltupdate r__VERSION__</h1>
 
-		<div class="header-buttons">
+		<div id="header-links">
 			<a href="https://shelter.uwu.network/install">Install</a>
 			<a href="sheltupdate_changelog">Changelog</a>
 			<a href="sheltupdate_branches">Branches</a>