From a2430c87442ffdf3a20db5dd25edd7254973be72 Mon Sep 17 00:00:00 2001
From: Trevor Buckner <calculuschild@gmail.com>
Date: Tue, 11 Apr 2023 21:26:16 -0400
Subject: [PATCH] Tweak size and centering strategy

---
 client/homebrew/navbar/navbar.less | 42 ++++++++++++++----------------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index b78513591..b91b43f3b 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -143,7 +143,7 @@
 				}
 				&:hover{
 					background-color : @blue;
-					
+
 					.clear{
 						display       : grid;
 						place-content : center;
@@ -177,37 +177,36 @@
 			margin-right: 10px;
 		}
 		.window{
-			position: absolute;
-			bottom: 0;
-			min-width: 100px;
-			width: 80%;
-			max-width: 440px;
-			left: 0;
-			right : 0;
-			max-height : ~"calc(100vh - 28px)";
+			position         : absolute;
+			bottom           : 0;
+			width            : 440px;
+			left             : 50%;
+			max-height       : ~"calc(100vh - 28px)";
 			background-color : #333;
-			display: flex;
-			flex-flow: row wrap;
-			justify-content: flex-start;
-			align-content: baseline;
-			padding: 0px 10px 5px;
-			border-radius: 0 0 5px 5px;
-			margin: 0 auto;
-			z-index: -1;
-			transition: transform 0.4s, opacity 0.4s;
+			border           : 3px solid #444;
+			border-top       : unset;
+			border-radius    : 0 0 5px 5px;
+			box-shadow       : inset 0 7px 9px -7px #111;
+			display          : flex;
+			flex-flow        : row wrap;
+			justify-content  : flex-start;
+			align-content    : baseline;
+			padding          : 0px 10px 5px;
+			margin           : 0 auto;
+			z-index          : -1;
+			transition       : transform 0.4s, opacity 0.4s;
 			&.active{
-				transform: translateY(100%);
+				transform: translateX(-50%) translateY(100%);
 				opacity: 1;
 			}
 			&.inactive{
-				transform: translateY(0%);
+				transform: translateX(-50%) translateY(0%);
 				opacity: 0;
 			}
 			.row{
 				display   : flex;
 				flex-flow : row wrap;
 				width     : 100%;
-				// border-top       : 1px solid #888;
 				h4{
 					display          : block;
 					box-sizing       : border-box;
@@ -245,7 +244,6 @@
 					background-color: #555;
 				}
 			}
-			// }
 		}
 	}
 	.warning.navItem{