From fd9a75f36c073af00d5b4bb9b2fdbc7574eb3485 Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Wed, 24 Jun 2020 12:39:23 -0400
Subject: [PATCH] Improve handling of modals on small windows

---
 css/80_app.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index c54959587..2a2ecf424 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -4673,18 +4673,23 @@ img.tile-debug {
 /* Modals / Prompts
 ------------------------------------------------------- */
 .modal {
-    top: 40px;
-    display: inline-block;
-    position: absolute;
+    top: 5%;
+    max-height: 90%;
+    position: relative;
     border-radius: 3px;
     overflow: hidden;
-    left: 0;
-    right: 0;
     margin: auto;
     z-index: 50;
     width: 80%;
     min-width: 200px;
     max-width: 550px;
+    display: flex;
+    flex-direction: column;
+}
+
+.modal .content {
+    overflow-x: hidden;
+    overflow-y: auto;
 }
 
 .modal .loader {