Update style/defaults/style.css

style/defaults/style.css

@@ -195,12 +195,12 @@ progress::-moz-progress-bar {
   color: #545454;
   border: 1px solid #ddd;
   border-radius: 6px;
-  padding: 20px 20px 16px 16px;  /* Extra top/right for button */
+  padding: 20px 20px 16px 16px;
   max-width: 340px;
   width: 92vw;
   min-width: 180px;
   min-height: 60px;
-  max-height: 90vh;
+  max-height: 90%;
   z-index: 20000;
   display: none;
   flex-direction: column;
@@ -208,7 +208,33 @@ progress::-moz-progress-bar {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
   overflow: auto;
   box-sizing: border-box;
-  position: absolute;
+}
+
+@media (max-width: 600px) {
+  .tooltip-panel {
+    top: auto;
+    bottom: 8px;
+    left: 3vw;
+    right: 3vw;
+    transform: none;
+    width: auto;
+    max-width: 94vw;
+    min-width: 0;
+    max-height: 55%;
+    padding: 20px 10px 12px 10px;
+    font-size: 13.5px;
+    overflow: auto;
+  }
+  .tooltip-close {
+    top: 8px;
+    right: 8px;
+    width: 26px;
+    height: 26px;
+    font-size: 15px;
+  }
+  .tooltip-image {
+    max-height: 22vh;
+  }
 }
 
 /* Ensure content does not go under close button */