From ca098eb171f9f7289bfd034a6a91ae3addbf73cc Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 8 Sep 2021 12:05:28 -0400
Subject: [PATCH] fuzzy search and icon

---
 docs/assets/plugins/search/search.css | 2 +-
 docs/assets/plugins/search/search.js  | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/docs/assets/plugins/search/search.css b/docs/assets/plugins/search/search.css
index 366888e7..a4c3570b 100644
--- a/docs/assets/plugins/search/search.css
+++ b/docs/assets/plugins/search/search.css
@@ -153,7 +153,7 @@ body.site-search-visible {
   border-top: solid 1px rgb(var(--sl-color-neutral-200));
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
-  padding: var(--sl-spacing-small);
+  padding: var(--sl-spacing-x-small);
 }
 
 .site-search__footer small {
diff --git a/docs/assets/plugins/search/search.js b/docs/assets/plugins/search/search.js
index fb897d1b..4ebc509f 100644
--- a/docs/assets/plugins/search/search.js
+++ b/docs/assets/plugins/search/search.js
@@ -59,7 +59,9 @@
             placeholder="Search this site"
             size="large"
             clearable
-          ></sl-input>
+          >
+            <sl-icon slot="prefix" name="search"></sl-icon>
+          </sl-input>
         </header>
         <div class="site-search__body">
           <ul class="site-search__results"></ul>
@@ -219,7 +221,7 @@
         await searchIndex;
 
         const hasQuery = query.length > 0;
-        const matches = hasQuery ? searchIndex.search(query) : [];
+        const matches = hasQuery ? searchIndex.search(`${query}~2`) : [];
 
         let hasResults = hasQuery && matches.length > 0;
         siteSearch.classList.toggle('site-search--has-results', hasQuery && hasResults);