Navbar burger close fix

src/components/NavBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <b-navbar wrapper-class="container" :fixed-top="true" :active.sync="burgerActive">
+  <b-navbar wrapper-class="container" :fixed-top="true" :close-on-click="false" :isActive.sync="burgerActive">
     <template #brand>
       <b-navbar-item tag="router-link" to="/about"><img src="../assets/sotlas.svg" alt="Logo"></b-navbar-item>
       <b-navbar-item class="clock" tag="div">
@@ -16,8 +16,7 @@
       </b-navbar-item>
       <b-navbar-dropdown label="More">
         <b-navbar-item v-for="link in moreLinks" tag="router-link" :key="link.target" :to="link.target" :title="link.title" @click.native="closeBurger">
-          <b-icon v-if="link.icon" :pack="link.iconPack" :icon="link.icon" />
-          {{ link.text }}
+          <b-icon v-if="link.icon" :pack="link.iconPack" :icon="link.icon" />{{ link.text }}
         </b-navbar-item>
       </b-navbar-dropdown>
       <b-navbar-item tag="div">

src/components/SearchField.vue

@@ -79,6 +79,11 @@ export default {
 .search-input {
   width: 18rem;
 }
+@media screen and (max-width: 1023px) {
+  .search-input {
+    width: 100%;
+  }
+}
 @media screen and (min-width: 1024px) and (max-width: 1215px) {
   .search-input {
     max-width: 11rem;