From dc4194f8ab028430b72cfeb1c7d433be612b7fc1 Mon Sep 17 00:00:00 2001
From: Davri <42148912+Davr1@users.noreply.github.com>
Date: Wed, 2 Sep 2026 18:39:18 +0200
Subject: [PATCH] WebPWA: fix macos styles (#4572)

---
 src/plugins/webPWA.browser/styles.css | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/plugins/webPWA.browser/styles.css b/src/plugins/webPWA.browser/styles.css
index 6627e94a2..eabc17547 100644
--- a/src/plugins/webPWA.browser/styles.css
+++ b/src/plugins/webPWA.browser/styles.css
@@ -9,9 +9,16 @@
         --custom-app-top-bar-height: env(titlebar-area-height, 0px) !important;
     }
 
-    /* position trailing titlebar elements alongside WCO */
-    [data-fullscreen] > [class*="bar_"] [class*="trailing_"] {
-        padding-right: calc(100vw - env(titlebar-area-width, 100%) - env(titlebar-area-x, 0px));
+
+    /* position trailing/leading titlebar elements alongside WCO */
+    [data-fullscreen] > [class*="bar_"] {
+        [class*="leading_"] {
+            padding-left: env(titlebar-area-x, 0);
+        }
+
+        [class*="trailing_"] {
+            padding-right: calc(100vw - env(titlebar-area-width, 100%) - env(titlebar-area-x, 0px));
+        }
     }
 
     /* popout windows like screenshare popout, these properties don't work outside WCO so this is safe */
@@ -19,6 +26,10 @@
         [class*="headerWrapper_"] {
             app-region: drag;
 
+            [class*="headerBarChildren_"] {
+                padding-left: env(titlebar-area-x, 0);
+            }
+
             /* position trailing toolbar elements alongside WCO */
             [class*="toolbar_"] {
                 padding-right: calc(100vw - env(titlebar-area-width, 100%) - env(titlebar-area-x, 0px));
@@ -35,4 +46,4 @@
             display: none;
         }
     }
-}
\ No newline at end of file
+}