SearchInput: bring back "X" at small breakpoints

2020-09-28 03:22:54 -04:00
parent 630d9f04c5
commit 2939465431
2 changed files with 2 additions and 6 deletions
--- a/src/components/SearchInput/SearchInput.css
+++ b/src/components/SearchInput/SearchInput.css
@@ -49,7 +49,7 @@
 }

@media screen and (max-width: 558px) {
-  .search-bar svg {
+  #search-icon {
    display: none;
  }

@@ -57,8 +57,4 @@
    margin-left: 0;
    width: 60%;
  }
-
-  .wait-icon {
-    display: none;
-  }
 }
--- a/src/components/SearchInput/SearchInput.tsx
+++ b/src/components/SearchInput/SearchInput.tsx
@@ -34,7 +34,7 @@ const SearchInput: React.FC<SearchInputProps> = () => {

  return (
    <div className="search-bar">
-      <MagnifyingGlass size={24} />
+      <MagnifyingGlass id="search-icon" size={24} />
      <input
        id="search-input"
        title="Search for icon names, categories, or keywords"