fix menu height

Author: yuhattor

layouts/partials/header.html

@@ -179,6 +179,7 @@ <h4>{{ .title }}</h4>
         {{ partial "search" . }}
         </div>
       </ul>
+       
 
       <div class="header-cta">
         <div class="language-selector">
@@ -237,7 +238,6 @@ <h4>{{ .title }}</h4>
 
 .header-cta .search-wrapper {
   flex-grow: 1;
-  margin-right: 10px;
 }
 
 .header-cta .search-wrapper input {

layouts/partials/search.html

@@ -1,15 +1,15 @@
-<div class="menu-item" id="search-menu-item" style="width: 100%">
-  <div class="search-container" style="width: 100%">
+<span class="menu-item" id="search-menu-item" style="width: 100%">
+  <span class="search-container" style="width: 100%">
     <input 
       type="text" 
       id="search-input" 
       placeholder="Search..." 
       autocomplete="off" 
-      style="width: 100%"
+      style="width: 100%; height: 33.5px;margin:7.2px"
     >
     <span id="search-results" class="search-results"></span>
-  </div>
-</div >
+  </span >
+</span >
 
 <script>
 document.addEventListener('DOMContentLoaded', function() {