From 7ddef19cfbd82dffb91291921258598595c43d22 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Fri, 3 Sep 2021 09:06:08 +0900
Subject: [PATCH] Fix: Global Menu - Prevent layout shifts #207

Change parent layout from -moz-box to flex.
---
 userChrome.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/userChrome.css b/userChrome.css
index ad2abab..11c9a5d 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -861,6 +861,20 @@
   }
 
   /*= Global Menu - Set Padding ==============================================*/
+  /* Prevent layout shifts */
+  #toolbar-menubar {
+    display: flex !important;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+  #toolbar-menubar > spacer {
+    order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */
+    flex: 1; /* Fill row */
+  }
+  #toolbar-menubar > .titlebar-buttonbox-container {
+    order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */
+  }
+
   /* Vertical Align - Center & Height: 100%  */
   #menubar-items,
   #main-menubar {