fix footer to use new dropdown markup

docs/_includes/footer.html

@@ -35,8 +35,8 @@
 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>',
+  searchResultTemplate: '<a class="dropdown-item" href="{url}">{title}</a>',
+  noResultsText: '<div class="dropdown-item no-results">Sorry, there are no results for that search.</div>',
   dataSource: '/search.json'
 })
 

docs/assets/scss/_sidebar.scss

@@ -35,15 +35,15 @@
     display: none;
   }
 
-  > li > a {
+  .dropdown-item {
     padding-left: .75rem;
     padding-right: .75rem;
-  }
 
-  > li:first-child { margin-top: .25rem; }
-  > li:last-child { margin-bottom: .25rem; }
+    &:first-child { margin-top: .25rem; }
+    &:last-child { margin-bottom: .25rem; }
+  }
 
-   > .no-results {
+  .no-results {
     padding: .75rem 1rem;
     color: #7a7a7a;
     text-align: center;