From bc2f9204e97b9f90ae890e77a790e048f2fc3731 Mon Sep 17 00:00:00 2001
From: ayunami2000 <spwilliamsiam@gmail.com>
Date: Sun, 30 Oct 2022 18:16:31 -0400
Subject: [PATCH] Improve UI on mobile devices

---
 ui/media/css/main.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 9f8bca08..8f0a8412 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -559,6 +559,26 @@ input::file-selector-button {
         left: 0px;
         right: 0px;
     }
+    .popup > div {
+        padding-left: 5px !important;
+        padding-right: 5px !important;
+    }
+    .popup > div input, .popup > div select {
+        max-width: 40vw;
+    }
+    .popup .close-button {
+        padding: 0px !important;
+        margin: 24px !important;
+    }
+    #reset-image-settings .simple-tooltip.right {
+        right: initial;
+        left: 0px;
+        top: 50%;
+        transform: translate(calc(-100% + 15%), -50%);
+    }
+    :hover > #reset-image-settings .simple-tooltip.right {
+        transform: translate(100%, -50%);
+    }
 }
 
 #promptsFromFileBtn {
@@ -708,4 +728,4 @@ input::file-selector-button {
 
 #settings-button {
     cursor: pointer;
-}
\ No newline at end of file
+}