change div elm to span elm

Author: yuhattor

layouts/partials/header.html

@@ -179,6 +179,7 @@ <h4>{{ .title }}</h4>
       </ul>
 
       <div class="header-cta">
+        {{ partial "search" . }}
         <div class="language-selector">
           <select class="form-control" id="language-selector">
             <option value="" selected disabled>{{ .Site.Language.LanguageName }}</option>

layouts/partials/menu.html

@@ -11,7 +11,6 @@
       </div>
     </div>
   </div>
-  {{ partial "search" . }}
 </li>
 
 <script>

layouts/partials/search.html

@@ -1,14 +1,14 @@
-<li class="menu-item" id="search-menu-item">
-  <div class="search-container">
+<span class="menu-item" id="search-menu-item">
+  <span class="search-container">
     <input 
       type="text" 
       id="search-input" 
       placeholder="Search..." 
       autocomplete="off"
     >
-    <div id="search-results" class="search-results"></div>
-  </div>
-</li>
+    <span id="search-results" class="search-results"></span>
+  </span>
+</span>
 
 <script>
 document.addEventListener('DOMContentLoaded', function() {