search closer

_includes/search-lunr.html

@@ -51,7 +51,7 @@ var idx = lunr(function () {
 function lunr_search(term) {
     document.getElementById('lunrsearchresults').innerHTML = '<ul></ul>';
     if(term) {
-        document.getElementById('lunrsearchresults').innerHTML = "<p>Search results for '" + term + "'</p>" + "<button id='search_closer' onclick='search_close()'><img src='/assets/images/times.png' alt='closer'></button>" + document.getElementById('lunrsearchresults').innerHTML; 
+        document.getElementById('lunrsearchresults').innerHTML = "<p>Search results for '" + term + "'</p>" + "<div id='search_closer' onclick='search_close()'><img src='/assets/images/times.png' alt='closer'></div>" + document.getElementById('lunrsearchresults').innerHTML; 
         //put results on the screen.
         var results = idx.search(term);
         if(results.length>0){

_sass/custom.scss

@@ -478,7 +478,8 @@ li {
 
 @media screen and (min-width: 1024px) {
   .search {
-    left: 340px;
+    left: 360px;
+    top: 15px;
      position: fixed;
     z-index: 1001;
   }
@@ -486,6 +487,8 @@ li {
     background: $background-color;
     color: $text-color;
     padding: 0 20px;
+    max-height: 70vh;
+    overflow-y: auto;
     #search_closer {
       cursor: pointer;
       z-index: 9999;