Minor tweaks to navigation, pages and search

2 files changed, 10 insertions, 7 deletions

diff --git a/themes/simple/layouts/partials/navigation.html b/themes/simple/layouts/partials/navigation.html
index f6e5a66..44c6059 100644
--- a/themes/simple/layouts/partials/navigation.html
+++ b/themes/simple/layouts/partials/navigation.html
@@ -9,11 +9,11 @@
 
       <!-- Search button -->
       <span class="hidden lg:block">
-        <span class="search-button flex gap-1 items-center text-gray-500 bg-gray-100 hover:bg-gray-200 rounded px-2 py-1 text-xs cursor-pointer mr-2 hidden" onclick="showSearchModal()">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="w-4 h-4">
+        <span class="search-button flex gap-2 items-center text-gray-500 bg-gray-100 hover:bg-gray-200 rounded px-2 py-1 text-xs cursor-pointer mr-2 hidden" onclick="showSearchModal()">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4" stroke="currentColor" class="w-3 h-3">
             <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
           </svg>
-          <span class="search-button-text uppercase font-bold"></span>
+          <span class="search-button-text font-bold"></span>
         </span>
       </span>
 
diff --git a/themes/simple/layouts/partials/search.html b/themes/simple/layouts/partials/search.html
index 5a76384..7978000 100644
--- a/themes/simple/layouts/partials/search.html
+++ b/themes/simple/layouts/partials/search.html
@@ -7,6 +7,7 @@
 <script>
   (async function() {
       const debounceDelay = 700;
+      const maxSearchResults = 10;
 
       // Fetch search index generated by Hugo.
       const req = await fetch('/index.json');
@@ -41,9 +42,9 @@
       const searchButtonElement = document.querySelector('.search-button');
       const searchButtonTextElement = document.querySelector('.search-button-text');
       if (searchButtonElement) {
-          let searchButtonText = 'ctrl+k';
+          let searchButtonText = 'Ctrl+K';
           if (navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
-              searchButtonText = 'cmd+k';
+              searchButtonText = '⌘+K';
           }
           searchButtonTextElement.innerText = searchButtonText;
           searchButtonElement.classList.remove('hidden');
@@ -75,6 +76,8 @@
                           searchResults.classList.add('hidden');
                       }
                   }
+              } else {
+                  searchInput.focus();
               }
           }
 
@@ -136,7 +139,7 @@
       searchInput.addEventListener('keyup', debounce((evt)=> {
           const query = evt.target.value.trim().toLowerCase();
                       if (query.length && query != cachedSearchTerm) {
-                                const results = searchIndex.search(query);
+                                const results = searchIndex.search(`*${query}*`);
 
               if (results.length == 0) {
                   if (!searchResults.classList.contains('hidden')) {
@@ -147,7 +150,7 @@
                         searchResults.classList.remove('hidden');
                         cachedSearchTerm = query;
 
-                        results.forEach(resultItem => {
+                        results.slice(0, maxSearchResults).forEach(resultItem => {
                       const item = window.searchDocuments.find(doc => doc.permalink === resultItem.ref);
 
                                   const link = document.createElement('a');