From 27b36fe501ecd75fbe2fdffd1e4dc835ff396dc2 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Wed, 19 Jul 2023 05:35:26 +0300
Subject: [PATCH] Tidy up input fields on mobile in Add Indexer Modal

---
 .../Indexer/Add/AddIndexerModalContent.css    | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Indexer/Add/AddIndexerModalContent.css b/frontend/src/Indexer/Add/AddIndexerModalContent.css
index 5a92b40cb..a58eccfbc 100644
--- a/frontend/src/Indexer/Add/AddIndexerModalContent.css
+++ b/frontend/src/Indexer/Add/AddIndexerModalContent.css
@@ -40,7 +40,6 @@
   flex: 1;
   flex-direction: column;
   margin-right: 12px;
-  max-width: 50%;
 }
 
 .filterContainer:last-child {
@@ -53,17 +52,22 @@
 }
 
 @media only screen and (max-width: $breakpointSmall) {
+  .filterInput {
+    margin-bottom: 5px;
+  }
+
   .alert {
     display: none;
   }
 
   .filterRow {
-    flex-direction: column;
+    display: block;
+    margin-bottom: 10px;
   }
 
   .filterContainer {
     margin-right: 0;
-    margin-bottom: 12px;
+    margin-bottom: 5px;
   }
 
   .scroller {
@@ -73,6 +77,12 @@
   }
 }
 
+@media only screen and (min-width: $breakpointSmall) {
+  .filterContainer {
+    max-width: 50%;
+  }
+}
+
 .modalFooter {
   composes: modalFooter from '~Components/Modal/ModalFooter.css';
 
@@ -88,4 +98,8 @@
     flex-direction: column;
     gap: 10px;
   }
+
+  .available {
+    display: none;
+  }
 }