🎨 display flex for nav starlight on this page

mrrobotdotapp · May 29, 2024 · 53de5d6 · 53de5d6
1 parent 8732f14
commit 53de5d6
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/assets/css/hello.css b/src/assets/css/hello.css
@@ -74,6 +74,7 @@ code {
 .main-pane a {
 	font-weight: 600;
 }
+
 .main-pane img {
 	display: block;
 	margin-left: auto;
@@ -110,15 +111,18 @@ select:where(.astro-4yphtoen) {
 	min-width: min-content;
 }
 
-nav[aria-labelledby="starlight__on-this-page"] ul li {
-	padding: 0.2rem 0;
+nav[aria-labelledby="starlight__on-this-page"] > ul {
+	display: flex;
+	flex-direction: column;
+	gap: .3rem;
 }
 
 nav[aria-labelledby="starlight__on-this-page"] ul li a {
-	font-size: 14px;
+	font-size: 15px;
+	line-height: 1.6;
 	text-wrap: balance;
 }
 
 nav[aria-labelledby="starlight__on-this-page"] a[aria-current="true"] {
 	font-weight: 600;
-}
+}