From ce2e68ee324ba32dc43387150fa4c135d866eca7 Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Sat, 15 Mar 2025 18:59:28 +0100
Subject: [PATCH] fix(ui): update URL bar layout and adjust media controls
 padding

---
 src/browser/base/content/ZenUIManager.mjs                  | 6 +++++-
 src/browser/base/content/zen-styles/zen-media-controls.css | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/browser/base/content/ZenUIManager.mjs b/src/browser/base/content/ZenUIManager.mjs
index 185fe8cc3..e1866c2a7 100644
--- a/src/browser/base/content/ZenUIManager.mjs
+++ b/src/browser/base/content/ZenUIManager.mjs
@@ -65,6 +65,7 @@ var gZenUIManager = {
     tabs.style.removeProperty('flex');
     tabs.style.maxHeight = height + 'px';
     gZenVerticalTabsManager.actualWindowButtons.removeAttribute('zen-has-hover');
+    gURLBar.updateLayoutBreakout();
   },
 
   get tabsWrapper() {
@@ -361,7 +362,7 @@ var gZenVerticalTabsManager = {
             marginBottom: isLastTab() ? [] : [transform, '0px'],
           },
           {
-            duration: 0.2,
+            duration: 0.12,
             easing: 'ease-out',
           }
         )
@@ -373,6 +374,9 @@ var gZenVerticalTabsManager = {
       gZenUIManager.motion
         .animate(aTab.querySelector('.tab-content'), {
           filter: ['blur(1px)', 'blur(0px)'],
+        }, {
+          duration: 0.12,
+          easing: 'ease-out',
         })
         .then(() => {
           aTab.querySelector('.tab-stack').style.removeProperty('filter');
diff --git a/src/browser/base/content/zen-styles/zen-media-controls.css b/src/browser/base/content/zen-styles/zen-media-controls.css
index d3294e518..c804deef4 100644
--- a/src/browser/base/content/zen-styles/zen-media-controls.css
+++ b/src/browser/base/content/zen-styles/zen-media-controls.css
@@ -110,7 +110,7 @@
     position: absolute;
     left: 0;
     bottom: 0;
-    padding: 5px;
+    padding: 4px 6px;
     border-radius: var(--border-radius-medium);
     background: var(--zen-media-control-bg) !important;
     width: 100%;