From ee40eba6a8745f3175046f12774abed5af08b0f7 Mon Sep 17 00:00:00 2001
From: Wirlaburla <wirlaburla@worlio.com>
Date: Sat, 26 Aug 2023 04:25:11 -0500
Subject: [PATCH] experiment on main nav too, improve look of top nav

---
 style.css | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index dc27f0a..5bb5847 100644
--- a/style.css
+++ b/style.css
@@ -525,12 +525,11 @@ nav.top.alert p {
 /* Felt cute, might delete later. */
 
 nav.top .navbutton-bar .button {
-	background-image: var(--background-image);
 	background-color: var(--active-button-background);
-	width: unset;
 	border-bottom: none;
-	margin-top: 4px;
-	padding: 4px;
+	width: unset;
+	margin-top: 2px;
+	padding: 6px;
 }
 
 nav.top .navbutton-bar .button:hover {
@@ -538,8 +537,8 @@ nav.top .navbutton-bar .button:hover {
 }
 
 nav.top .navbutton-bar .button.selected {
+	background-image: var(--background-image);
 	background-color: var(--default-button-background);
-	padding-bottom: 6px;
 }
 
 @media only screen and (orientation: landscape) {
@@ -578,6 +577,14 @@ nav.top .navbutton-bar .button.selected {
 	nav.top.alert {
 		top: 36px;
 	}
+	
+	nav .popbutton.selected:not(:hover) {
+		background-image: var(--background-image);
+		background-color: var(--default-button-background);
+		border-right: none;
+		width: 56px;
+		font-size: 0px;
+	}
 }
 
 @media only screen and (orientation: portrait) {