From 131ad941d76790967064b1d8d76170303df50d31 Mon Sep 17 00:00:00 2001
From: rohan kumar <seirdy@seirdy.one>
Date: Wed, 25 Nov 2020 22:19:52 -0800
Subject: [PATCH] CSS: navbar tweaks (responsiveness + color)

- Dark mode: make navbar links the same color as regular links so as to
not hide the fact that they are links.
- Make navbar reflow at narrow window sizes
---
 themes/etch-custom/assets/css/dark.css     | 6 +-----
 themes/etch-custom/assets/css/max770px.css | 9 +++++++++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/themes/etch-custom/assets/css/dark.css b/themes/etch-custom/assets/css/dark.css
index 1023660..b871eac 100644
--- a/themes/etch-custom/assets/css/dark.css
+++ b/themes/etch-custom/assets/css/dark.css
@@ -7,11 +7,7 @@
 		background: black;
 	}
 
-	header#banner a {
-		color: white;
-	}
-
-	main#content a, footer a {
+	a {
 		color: #00b1ed;
 	}
 
diff --git a/themes/etch-custom/assets/css/max770px.css b/themes/etch-custom/assets/css/max770px.css
index c34d113..14f5103 100644
--- a/themes/etch-custom/assets/css/max770px.css
+++ b/themes/etch-custom/assets/css/max770px.css
@@ -3,4 +3,13 @@
 		max-width: 600px;
 		padding: 0 1rem;
 	}
+	header#banner nav {
+		display: block;
+		padding: 1rem 0 0.5rem 0;
+		margin: 0;
+	}
+	header#banner nav ul li {
+		display: block;
+		padding: 0.25rem;
+	}
 }