From cfa00797ed9e7d7cafb868bfbba0862c2066f243 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Sun, 22 Aug 2021 10:20:31 -0400
Subject: [PATCH] Add spacer at the bottom of popup panel in portrait mode

Related issues:
- https://github.com/uBlockOrigin/uBlock-issues/issues/1604
- https://github.com/uBlockOrigin/uBlock-issues/issues/1691
---
 src/css/popup-fenix.css | 8 ++++++++
 src/popup-fenix.html    | 1 +
 2 files changed, 9 insertions(+)

diff --git a/src/css/popup-fenix.css b/src/css/popup-fenix.css
index 8c6324e85..a06e6a635 100644
--- a/src/css/popup-fenix.css
+++ b/src/css/popup-fenix.css
@@ -591,6 +591,11 @@ body:not([data-more~="e"]) [data-more="e"] {
     display: none;
     }
 
+:root #firewall-vspacer {
+    display: none;
+    height: calc(6 * var(--popup-gap));
+    }
+
 /* popup-in-tab mode, useful for screenshots */
 :root.desktop.intab body {
     overflow: auto;
@@ -617,6 +622,9 @@ body:not([data-more~="e"]) [data-more="e"] {
     min-width: unset;
     overflow-y: hidden;
     }
+:root.portrait #firewall-vspacer {
+    display: block;
+    }
 
 /* touch-driven devices */
 :root.mobile #firewall {
diff --git a/src/popup-fenix.html b/src/popup-fenix.html
index 937a504e2..09d49d639 100644
--- a/src/popup-fenix.html
+++ b/src/popup-fenix.html
@@ -85,6 +85,7 @@
         <div data-des="*" data-type="3p-script"><span><span class="filter" data-i18n-title="popup3pScriptFilterTip"></span><span data-i18n="popup3pScriptRulePrompt"></span></span><span data-src="/"> </span><span data-src="."> </span></div>
         <div data-des="*" data-type="3p-frame"><span><span class="filter" data-i18n-title="popup3pFrameFilterTip"></span><span data-i18n="popup3pFrameRulePrompt"></span></span><span data-src="/"> </span><span data-src="."> </span></div>
     </div>
+    <div id="firewall-vspacer"></div>
 </div>
 
 <div id="templates" style="display: none">