From c9a46b48fda3fcd475c09d9a5150231990ccf67c Mon Sep 17 00:00:00 2001
From: William Casarin <jb55@jb55.com>
Date: Sat, 12 Nov 2022 14:41:42 -0800
Subject: [PATCH] web: a few responsive tweaks

---
 web/css/responsive.css | 8 ++++++++
 web/index.html         | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/css/responsive.css b/web/css/responsive.css
index d94bb9e..1f3a247 100644
--- a/web/css/responsive.css
+++ b/web/css/responsive.css
@@ -1,4 +1,11 @@
 @media (max-width: 800px){
+	:root {
+		--fsSmall:    10px;
+		--fsNormal:   14px;
+		--fsReduced:  12px;
+		--fsEnlarged: 16px;
+	}
+
 	/* Utility */
 	.vertical-hide {
 		display: none;
@@ -16,6 +23,7 @@
 	/* Navigation */
 	#nav {
 		flex-flow: row;
+		border-top: 1px solid var(--clrBorder);
 		border-right: none;
 	}
 	#nav > * {
diff --git a/web/index.html b/web/index.html
index b74c48c..64a523a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -4,8 +4,8 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title>Damus</title>
-		<link rel="stylesheet" href="css/styles.css?v=109">
-		<link rel="stylesheet" href="css/responsive.css?v=1">
+		<link rel="stylesheet" href="css/styles.css?v=115">
+		<link rel="stylesheet" href="css/responsive.css?v=3">
 		<link rel="stylesheet" href="css/damus.css?v=211">
 		<link rel="stylesheet" href="css/fontawesome.css?v=2">
 		<script defer src="js/ui/util.js?v=1"></script>