fix thing

JulianG · Feb 5, 2020 · a4e0d49 · a4e0d49
1 parent e8bd65f
commit a4e0d49
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/src/screens/search.js b/src/screens/search.js
@@ -198,33 +198,28 @@ function SearchScreen() {
   return (
     <div>
       <div css={{position: 'relative'}}>
-        <label
-          htmlFor="search-input"
-          css={{margin: '0 10px 0 0', display: 'block'}}
-        >
-          Search Blogposts
-        </label>
         <input
-          id="search-input"
           css={{width: '100%', paddingRight: 50}}
           onChange={event => setSearch(event.target.value)}
           type="search"
+          placeholder="Search Blogposts"
+          aria-label="Search Blogposts"
           value={search}
           autoFocus
         />
         <div
           css={{
             position: 'absolute',
             right: 14,
-            top: 35,
+            top: 10,
             opacity: 0.6,
             fontSize: '0.8rem',
           }}
         >
           {filteredBlogPosts.length}
         </div>
       </div>
-      <small css={{marginTop: 10}}>
+      <small css={{marginTop: 10, display: 'block'}}>
         {`If you can't find what you're looking for with this, try `}
         <a href="https://www.google.com/search?q=site%3Akentcdodds.com%2Fblog+testing">
           using Google