no results in search form accounted for

docs/_includes/footer.html

@@ -55,6 +55,7 @@ SimpleJekyllSearch.init({
   searchInput: document.getElementById('search-input'),
   resultsContainer: document.getElementById('search-results'),
   searchResultTemplate: '<li><a href="{url}">{title}</a></li>',
+  noResultsText: '<li class="no-results">Sorry, there are no results for that search.</li>',
   dataSource: '/search.json'
 })
 </script>

docs/assets/scss/docs.scss

@@ -643,9 +643,9 @@ body {
 
 .bs-docs-search {
   position: relative;
-  margin-left: 1.25rem;
   margin-right: 1.25rem;
   margin-bottom: 1.5rem;
+  margin-left: 1.25rem;
 
   .form-control {
     height: 2.45rem;
@@ -667,8 +667,8 @@ body {
   right: 0;
   display: block;
   padding: 0;
-  font-size: .9rem;
   overflow: hidden;
+  font-size: .9rem;
   border: 0;
 
   > li > a {
@@ -676,8 +676,14 @@ body {
     padding-right: .75rem;
   }
 
-  > li:first-child { padding-top: .25rem; }
-  > li:last-child { padding-bottom: .25rem; }
+  > li:first-child { margin-top: .25rem; }
+  > li:last-child { margin-bottom: .25rem; }
+
+   > .no-results {
+    padding: .75rem 1rem;
+    color: #7a7a7a;
+    text-align: center;
+  }
 }