Fix popup panel rendering when embedded in logger

Related issue:
uBlockOrigin/uBlock-issues#3015

Author: gorhill

src/css/logger-ui.css

@@ -488,7 +488,7 @@ body[dir="rtl"] .closeButton {
     border: 1px solid gray;
     bottom: 0;
     display: none;
-    max-height: 70vh;
+    max-height: min(800px, calc(100vh - 2rem));
     min-width: 360px;
     overflow: hidden;
     position: fixed;

src/css/popup-fenix.css

@@ -736,7 +736,7 @@ body:not([data-more*="e"]) [data-more="e"] {
     min-width: unset;
     overflow-y: hidden;
     }
-:root.portrait #firewall-vspacer {
+:root.portrait body[data-more*="e"] #firewall-vspacer {
     display: block;
     }
 

src/js/popup-fenix.js

@@ -1479,6 +1479,7 @@ const getPopupData = async function(tabId, first = false) {
             selfURL.searchParams.get('portrait')
         ) {
             dom.cl.add(dom.root, 'portrait');
+            dom.cl.remove(dom.root, 'desktop');
         } else if ( dom.cl.has(dom.root, 'desktop') ) {
             await nextFrames(8);
             const main = qs$('#main');