From e85bb419cc6d356c86a8bd1545dbf37f0619ad04 Mon Sep 17 00:00:00 2001
From: J-onasJones <me@jonasjones.dev>
Date: Mon, 18 Sep 2023 20:17:35 +0200
Subject: [PATCH] add: css for collapsible list

---
 src/lib/styles/style.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css
index 069b6c2..9e7e28a 100644
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@@ -14,6 +14,7 @@
 	--container-background-color: #26292f;
 	--text-color: #fff;
 	--link-text-color: #afb9c4;
+	--collapsed-background-color: #414753;
 }
 
 @media (prefers-color-scheme: light) {
@@ -72,10 +73,13 @@ main {
 .navbar {
 	float: left;
 	padding: 2rem;
+	min-width: 200px;
+	margin-right: 2rem;
 }
 
 ul {
 	padding-left: 10px;
+	padding-right: 20px;
 }
 
 .container {
@@ -104,4 +108,19 @@ a {
 
 a:hover {
 	color: var(--text-color);
+}
+
+details {
+	cursor: pointer;
+	background-color: var(--collapsed-background-color);
+	border-radius: 0.5rem;
+	padding: 0.75rem;
+	padding-top: 0.25rem;
+	padding-bottom: 0.25rem;
+	margin: 0.25rem;
+	width: 100%;
+}
+
+details a {
+	padding-left: 0.5rem;
 }
\ No newline at end of file