Massive interactivity updates to all components

2020-07-24 14:40:07 -04:00
parent 8ae4cb2b81
commit ecb51191d8
14 changed files with 340 additions and 82 deletions
--- a/src/components/SearchInput/SearchInput.css
+++ b/src/components/SearchInput/SearchInput.css
@@ -2,7 +2,7 @@
  position: relative;
  display: flex;
  align-items: center;
-  width: 250px;
+  flex: 2;
  margin: 4px;
  padding: 8px 16px;
  border: 1px solid black;
--- a/src/components/SearchInput/SearchInput.tsx
+++ b/src/components/SearchInput/SearchInput.tsx
@@ -16,11 +16,9 @@ const SearchInput: React.FC<SearchInputProps> = () => {
  return (
    <div className="search-bar">
      <Search />
-      <label htmlFor="search-input" hidden>
-        Search for an icon
-      </label>
      <input
        id="search-input"
+        aria-label="Search for an icon"
        type="text"
        value={query}
        placeholder="Search for an icon"