Create centered_top_statuspanel.css

chrome/centered_top_statuspanel.css

@@ -0,0 +1,20 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_top_statuspanel.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+#statuspanel{
+  -moz-box-ordinal-group: 0;
+  margin-top:0px !important;
+  margin-left: 50%;
+  z-index: 1;
+}
+#statuspanel-inner{
+  -moz-box-align: start !important;
+  margin-left: -50%; 
+}
+#statuspanel-label{
+    border-width: 0 1px 1px 1px;     
+    border-style: none solid solid solid !important;
+}
+
+/* Not sure if this has some performance impact but or if it would cause other problems, but it allows the statuspanel to be centered to content even if sidebar is visible */
+.browserContainer{ transform: translateX(0) }

html_resources/tagmap.json

@@ -108,5 +108,6 @@
 "window_control_placeholder_support.css":["window-control","patch"],
 "round_ui_items.css":["buttons","icon","menu","tabs","toolbars","bookmarks"],
 "curved_tabs.css":["tabs","tab"],
-"theme_aware_modal_prompts.css":["effect","dark-mode","colors","popup"]
+"theme_aware_modal_prompts.css":["effect","dark-mode","colors","popup"],
+"centered_top_statuspanel.css":["status"]
 }

tags.csv

@@ -108,3 +108,4 @@ window_control_placeholder_support.css,window-control,patch
 round_ui_items.css,buttons,icon,menu,tabs,toolbars,bookmarks
 curved_tabs.css,tabs,tab
 theme_aware_modal_prompts.css,effect,dark-mode,colors,popup
+centered_top_statuspanel.css,status