From 2f93cfb86d8849876f6915906ded13c2e054b309 Mon Sep 17 00:00:00 2001
From: Haruki Jay Shimada <44737273+DrPoppyseed@users.noreply.github.com>
Date: Tue, 6 Jul 2021 00:52:50 +0900
Subject: [PATCH] cleaner #customTextPopup for under 1050 and 600px screens
 (#1595) by DrPoppyseed

---
 src/sass/media-queries.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/sass/media-queries.scss b/src/sass/media-queries.scss
index 6fb801ef4..da87fdf48 100644
--- a/src/sass/media-queries.scss
+++ b/src/sass/media-queries.scss
@@ -20,6 +20,13 @@
       }
     }
   }
+  #customTextPopup {
+    width: 80vw !important;
+
+    .wordfilter.button {
+      width: 50% !important;
+    }
+  }
 }
 
 @media only screen and (max-width: 800px) {
@@ -157,6 +164,20 @@
   #commandLineInput {
     width: 500px !important;
   }
+  #customTextPopupWrapper {
+    #customTextPopup {
+      .wordfilter.button {
+        width: 100% !important;
+        justify-self: auto;
+      }
+
+      .inputs {
+        display: flex !important;
+        flex-direction: column;
+        justify-content: flex-start;
+      }
+    }
+  }
 }
 
 @media only screen and (max-width: 500px) {