improve search template for multi-type results

Author: jasalt

static/search.js

@@ -223,14 +223,14 @@ function formatSearchResultItem(item) {
     if (item.type === "documentation") {
         return `<a href="${item.url}">`
             + `<div class="search-results__item">`
-            + `<span class="result-type">Documentation</span>`
+            + `<span class="result-type">Documentation: </span>`
             + `<strong>${item.title}</strong>`
             + `<span class="desc">${item.content}</span>`
             + `</div></a>`;
     } else {
         return `<a href="/documentation/api/#${item.anchor}">`
             + `<div class="search-results__item">`
-            + `<span class="result-type">API</span>`
+            + `<span class="result-type">API: </span>`
             + `${item.fnName} `
             + `<small class="fn-signature">${item.fnSignature}</small>`
             + `<span class="desc">${item.desc}</span>`

templates/header.html

@@ -21,7 +21,7 @@
         </div>
 
         <div class="site-header__search">
-            <input type="search" id="search" autocomplete="off" placeholder="Search in the API...">
+            <input type="search" id="search" autocomplete="off" placeholder="Search in the docs & API...">
 
             <div id="search-results" class="search-results">
                 <ul id="search-results__items" class="search-results__items"></ul>