More search page styling changes

_pages/search.md

@@ -17,7 +17,7 @@ permalink: /search
         json:'{{ site.baseurl }}/search.json',
         searchResultTemplate: '<div class="search-result-box"><a class="internal-link" href="{url}?query={query}" title="{desc}">{title}</a><br><div class="search-excerpt">{excerpt}</div></div>',
         // searchResultTemplate: '<li><a href="{url}?query={query}" title="{desc}">{title}</a></li>',
-        noResultsText: 'No results found',
+        noResultsText: '<div class="search-result-box">No results found</div>',
         limit: 10
     });
 </script>

_sass/_style.scss

@@ -131,6 +131,18 @@ nav {
   margin-bottom: 1em;
 }
 
+#search-input {
+  width: 100%;
+  background: $color-box-background;
+  border: 0px;
+  border-radius: 4px;
+  padding: 0.5em;
+}
+
+#search-input:focus {
+  background: $color-primary;
+}
+
 code {
   background: #f5f5f5;
   padding: 0.1em 0.2em;

search.json

@@ -10,7 +10,7 @@ layout: none
       "url"      : "{{ site.baseurl }}{{ post.url }}",
       "date"     : "{{ post.date }}",
       "content"  : "{{ post.content | strip_html | strip_newlines | smartify }}",
-      "excerpt"  : "{{ post.content | strip_html | strip_newlines | smartify | truncatewords: 10}}"
+      "excerpt"  : "{{ post.content | strip_html | strip_newlines | smartify | truncatewords: 20 }}"
     } {% unless forloop.last %},{% endunless %}
   {% endfor %}
 ]