From 84db4585f5c346ade18bcc13d3dbc4f9450ffa7e Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Mon, 12 May 2025 19:31:40 -0400
Subject: [PATCH] [mv3] Fix popup width for Firefox

---
 platform/mv3/extension/css/popup.css | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/platform/mv3/extension/css/popup.css b/platform/mv3/extension/css/popup.css
index 66fffe5d2..ec886dd61 100644
--- a/platform/mv3/extension/css/popup.css
+++ b/platform/mv3/extension/css/popup.css
@@ -4,21 +4,24 @@
     top: -20%;
     }
 
+:root {
+    --popup-min-width: calc(
+        var(--filtering-mode-slider-width) +
+        var(--filtering-mode-button-size)
+    );
+}
+
 :root body,
 :root.mobile body {
     --font-size: 14px;
     --popup-gap: var(--font-size);
     --popup-gap-thin: calc(0.5 * var(--popup-gap));
     --popup-gap-extra-thin: calc(0.25 * var(--popup-gap));
-    --popup-main-min-width: calc(
-        var(--filtering-mode-slider-width) +
-        var(--filtering-mode-button-size)
-    );
     --popup-firewall-min-width: 30em;
     --popup-rule-cell-width: 5em;
     font-size: var(--font-size);
     line-height: 20px;
-    min-width: 100%;
+    min-width: var(--popup-min-width);
     }
 :root body.loading {
     opacity: 0;
@@ -37,14 +40,10 @@ a {
     display: flex;
     flex-direction: column;
     max-width: 340px;
-    min-width: var(--popup-main-min-width);
     }
 :root.portrait #main {
     align-self: inherit;
     }
-:root.mobile #main {
-    /*min-width: 100%;*/
-    }
 hr {
     border: 0;
     border-top: 1px solid var(--hr-ink);