From 0ccf45bece2b98def26cf82dcc635b8f3222054d Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Thu, 13 Oct 2022 20:09:30 +0200
Subject: [PATCH] fixed custom text popup media queries

---
 frontend/src/styles/z_media-queries.scss | 36 +++++++++++++-----------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/frontend/src/styles/z_media-queries.scss b/frontend/src/styles/z_media-queries.scss
index add9c1d7a..ab23e8ba8 100644
--- a/frontend/src/styles/z_media-queries.scss
+++ b/frontend/src/styles/z_media-queries.scss
@@ -37,6 +37,13 @@
   #app {
     grid-template-columns: auto;
   }
+  #customTextPopupWrapper {
+    padding: 2rem;
+    #customTextPopup {
+      grid-template-columns: 1fr 1fr 2fr;
+      width: 100%;
+    }
+  }
 }
 
 @media only screen and (max-width: 1250px) {
@@ -83,9 +90,6 @@
       }
     }
   }
-  #customTextPopup {
-    width: 80vw !important;
-  }
   #leaderboardsWrapper {
     #leaderboards {
       .leaderboardsTop {
@@ -155,6 +159,13 @@
 }
 
 @media only screen and (max-width: 900px) {
+  #customTextPopupWrapper #customTextPopup {
+    grid-template-areas:
+      "topButtons topButtons topButtons"
+      "textArea textArea textArea"
+      "checkboxes checkboxes checkboxes"
+      "ok ok ok";
+  }
   #testConfig {
     .mode,
     .time,
@@ -426,6 +437,11 @@
     .section.themes .tabContent.customTheme {
     }
   }
+  #customTextPopupWrapper #customTextPopup {
+    .buttonsTop {
+      grid-template-columns: 1fr;
+    }
+  }
 }
 
 @media only screen and (max-width: 750px) {
@@ -657,20 +673,6 @@
   #leaderboardsWrapper #leaderboards .leaderboardsTop .buttonGroup {
     grid-auto-flow: row;
   }
-  #customTextPopupWrapper {
-    #customTextPopup {
-      .wordfilter.button {
-        width: 100% !important;
-        justify-self: auto;
-      }
-
-      .inputs {
-        display: flex !important;
-        flex-direction: column;
-        justify-content: flex-start;
-      }
-    }
-  }
 
   .pageAccount {
     .group.history {