Reduce search bar width, add template for No Results

Author: rnehra01

_includes/algolia.html

@@ -77,7 +77,10 @@ <h2 class="post-card-title">${ title }</h2>
   instantsearch.widgets.hits({
       container: '#search-hits',
 	  templates: {
-		  item: hitTemplate
+		  item: hitTemplate,
+		  empty: function(data){
+			  return '';
+		  }
 	  }
   })
 );
@@ -93,11 +96,9 @@ <h2 class="post-card-title">${ title }</h2>
 
   function expand(){
 	  if($('.ais-search-box--input').hasClass('open')){
-		  $('.site-nav-left').css('visibility', 'visible');
 		  $('#search-hits').hide();
 		  $('#posts').show();
 	  }else{
-		  $('.site-nav-left').css('visibility', 'hidden');
 		  $('#search-hits').show();
 		  $('#posts').hide();		  
 	  }

assets/built/screen.css

@@ -304,7 +304,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
 }
 
 .ais-search-box .open {
-	width: 712px;
+	width: 100%;
 	padding: 15px;
 	color: #ffffff;
 	cursor: auto;