Toolbar: improve mobile breakpoint

2020-08-22 14:58:53 -04:00
parent 510dcc1ebb
commit f854d8e165
3 changed files with 29 additions and 1 deletions
--- a/src/components/SearchInput/SearchInput.css
+++ b/src/components/SearchInput/SearchInput.css
@@ -45,5 +45,19 @@

 .wait-icon {
  cursor: wait;
-  /* opacity: 0.5; */
+}
+
+@media screen and (max-width: 558px) {
+  .search-bar svg {
+    display: none;
+  }
+
+  .search-bar input {
+    margin-left: 0;
+    width: 60%;
+  }
+
+  .wait-icon {
+    display: none;
+  }
 }