Update style/defaults/style.css

style/defaults/style.css

@@ -145,9 +145,10 @@ progress::-moz-progress-bar {
   z-index: 1010;
   pointer-events: auto !important;
   box-sizing: border-box;
-  overflow: auto;
-  max-width: 600px;
+  /* --- ENSURE THE PANEL NEVER OVERFLOWS THE VIEWER --- */
+  max-width: 70vw;
   max-height: 70vh;
+  overflow: auto;
   min-width: 200px;
 }
 
@@ -169,20 +170,22 @@ progress::-moz-progress-bar {
 }
 
 /* Responsive rules for menu-content */
-@media (max-width: 800px) {
+@media (max-width: 900px) {
   .menu-content {
     max-width: 80vw !important;
     max-height: 80vh !important;
     font-size: 14px;
-    padding: 18px 10px 14px 10px;
+    padding: 16px 8px 14px 10px;
+    overflow: auto !important;
   }
 }
 @media (max-width: 600px) {
   .menu-content {
-    max-width: 90vw !important;
-    max-height: 65vh !important;
-    font-size: 13.5px;
-    padding: 16px 5px 12px 8px;
+    max-width: 80vw !important;
+    max-height: 80vh !important;
+    font-size: 13px;
+    padding: 12px 4px 12px 6px;
+    overflow: auto !important;
   }
   .menu-content .help-close {
     width: 28px;
@@ -195,8 +198,8 @@ progress::-moz-progress-bar {
 
 /* Menu-content never goes outside viewer */
 .viewer-container {
-  position: absolute;
   overflow: visible !important;
+  position: absolute;
 }
 
 /* -------------------- END INSTRUCTIONS PANEL -------------------- */