damus.io

commit 642170679e04a051e00e7a294c6be8f517176cc7
parent ddecd2ac362fd2ce0c3ddb2fa999ee53a9366d95
Author: William Casarin <jb55@jb55.com>
Date:   Fri, 11 Nov 2022 17:19:28 -0800

web: make nav padding smaller on mobile

Diffstat:
M
web/styles.css
 | 
10
++++++++--

1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/web/styles.css b/web/styles.css
@@ -21,6 +21,7 @@
 	--clrHeart:       #ff5050;
 	--clrWarn:        #fbc560;
 
+	--navPadding: 5px;
 	--fsSmall:    12px;
 	--fsNormal:   16px;
 	--fsReduced:  14px;
@@ -81,13 +82,13 @@ button.action {
 button.nav {
 	color: var(--clrBtn);
 	font-size: 24px;
-	padding: 15px 25px;
+	padding: calc(var(--navPadding) * 4) calc(var(--navPadding) * 5);
 }
 
 #app-icon-logo {
 	font-size: 28px;
 	text-align: center;
-	padding: 20px;
+	padding: calc(var(--navPadding) * 4);
 }
 #container {
 	display: flex;
@@ -320,3 +321,8 @@ input[type="text"].cw {
 	cursor: pointer;
 }
 
+@media (max-width: 800px){
+	:root {
+		--navPadding: 2px;
+	}
+}