Tidy up input fields on mobile in Add Indexer Modal

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;
+  }
 }