From b1146cf31900fc8d1f424339c321f686b5ea5594 Mon Sep 17 00:00:00 2001
From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com>
Date: Thu, 18 Apr 2024 21:22:38 +0800
Subject: [PATCH] Fix responsive design mode toolbar corners Adds support for
 the responsive design mode toolbar with the rounded corners tweak.

---
 chrome/global/browser.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/chrome/global/browser.css b/chrome/global/browser.css
index 3991535..7908079 100644
--- a/chrome/global/browser.css
+++ b/chrome/global/browser.css
@@ -113,6 +113,17 @@
     }
   }
 
+  .browserContainer.responsive-mode {
+    background-color: transparent !important;
+
+    & .rdm-toolbar {
+      margin-inline: var(--uc-tweak-rounded-corners-padding) !important;
+      border-top-left-radius: var(--uc-tweak-rounded-corners-radius) !important;
+      border-top-right-radius: var(--uc-tweak-rounded-corners-radius) !important;
+      width: calc(100% - var(--uc-tweak-rounded-corners-padding) * 2) !important;
+    }
+  }
+
   /* Prevent status panel corners and shadow from appearing outside the browser. */
   #statuspanel {
     overflow: hidden;