From ba52d9f82ed35c5f0ab2d0e6bd3e763b51cc2049 Mon Sep 17 00:00:00 2001
From: MS_Y <alstjr7375@daum.net>
Date: Tue, 11 Jun 2024 19:16:51 +0900
Subject: [PATCH] Vertically align the statusbar.

---
 .../components/statusbar/StatusBar.sys.mjs    | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/waterfox/browser/components/statusbar/StatusBar.sys.mjs b/waterfox/browser/components/statusbar/StatusBar.sys.mjs
index c311047685bf4..4d0303b1b4026 100644
--- a/waterfox/browser/components/statusbar/StatusBar.sys.mjs
+++ b/waterfox/browser/components/statusbar/StatusBar.sys.mjs
@@ -46,18 +46,29 @@ export const StatusBar = {
            border-radius: 3px !important;
            font-weight: bold !important;
          }
-         #status-bar > #status-text {
+         #wrapper-status-text > #status-text > #statuspanel-label {
+           display: none;
+         }
+         #status-bar #status-text {
            display: flex !important;
            justify-content: center !important;
-           align-content: center !important;
-           flex-direction: column !important;
+           align-items: center !important;
+           height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
          }
          toolbarpaletteitem #status-text:before {
-          content: "Status text";
-          color: red;
-          border: 1px #aaa solid;
-          border-radius: 3px;
-          font-weight: bold;
+           content: "Status text";
+           color: red;
+           border: 1px #aaa solid;
+           border-radius: 3px;
+           font-weight: bold;
+           display: flex;
+           justify-content: center;
+           align-content: center;
+           flex-direction: column;
+           align-items: center;
+           margin-inline: var(--toolbarbutton-outer-padding);
+           width: 100%;
+           height: 100%;
         }
          /* Ensure text color of status bar widgets set correctly */
          toolbar .toolbarbutton-1 {