From 60393d7530cc7813ca9f16b4c8ce966c3ef1a891 Mon Sep 17 00:00:00 2001
From: spacebares <57186372+spacebares@users.noreply.github.com>
Date: Wed, 28 Jun 2023 11:27:21 -0400
Subject: [PATCH] fix ui viewmode button look

---
 web/src/AppBar.jsx          | 4 ++--
 web/src/components/Menu.jsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/AppBar.jsx b/web/src/AppBar.jsx
index 6c4b047ce..e99f8be71 100644
--- a/web/src/AppBar.jsx
+++ b/web/src/AppBar.jsx
@@ -72,9 +72,9 @@ export default function AppBar() {
           <MenuItem icon={LightModeIcon} label="Light" value="light" onSelect={handleSelectDarkMode} />
           <MenuItem icon={DarkModeIcon} label="Dark" value="dark" onSelect={handleSelectDarkMode} />
           <MenuSeparator />
-          <MenuItem icon={SettingsIcon} label="View:">
+          <MenuItem icon={SettingsIcon} label="Viewmode:">
             <select
-              className="flex flex-grow p-0 py-7 px-8"
+              className="py-0.5 pr-8"
               value={viewMode}
               onChange={(e) => handleSetViewMode(e.target.value)}
             >
diff --git a/web/src/components/Menu.jsx b/web/src/components/Menu.jsx
index 173c25612..5f47117c9 100644
--- a/web/src/components/Menu.jsx
+++ b/web/src/components/Menu.jsx
@@ -38,7 +38,7 @@ export function MenuItem({ children, focus, icon: Icon, label, href, onSelect, v
           <Icon />
         </div>
       ) : null}
-      <div className="whitespace-nowrap">{label}</div>
+      <div className="whitespace-nowrap self-center">{label}</div>
       {children}
     </Element>
   );