From 07ccb158255d520cd94ad89425900f3ad4646f73 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Fri, 22 May 2020 09:20:40 +0300
Subject: [PATCH] Use flexbox model for menubar

---
 chrome/autohide_menubar.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css
index 6d86a7d..3756bdd 100644
--- a/chrome/autohide_menubar.css
+++ b/chrome/autohide_menubar.css
@@ -6,13 +6,17 @@ See the above repository for updates as well as full license text. */
 /* Make sure you have menubar enabled */
 
 #TabsToolbar > .toolbar-items{ position: relative; z-index: 5; }
-#toolbar-menubar > .titlebar-buttonbox-container{ float: right; display: block }
+#toolbar-menubar > spacer{ flex-grow: 1 }
+
+#toolbar-menubar > spacer,
+#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
+
 #TabsToolbar > .titlebar-spacer{ display: -moz-box !important; }
 
-#toolbar-menubar{
-  --uc-menubar-height: 36px;
+#toolbar-menubar:not([customizing]){
+  --uc-menubar-height: 34px;
   position: fixed;
-  display: block;
+  display: flex;
   width: 100vw; 
   height: var(--uc-menubar-height);
   margin-top: calc(8px - var(--uc-menubar-height));
@@ -21,8 +25,6 @@ See the above repository for updates as well as full license text. */
   z-index:4;
 }
 
-#menubar-items{ display: block; float: left; }
-
 #toolbar-menubar:hover{
   background-color: var(--toolbar-bgcolor) !important;
   margin-top: 0px;