1 files changed, 6 insertions, 14 deletions

diff --git a/src/App.vue b/src/App.vue
index 17c3214..747d279 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,7 @@
   >
     <DynamicTheme :themes="config.colors" />
     <div id="bighead">
-      <section v-if="config.header" class="first-line">
+      <section v-if="config.header" class="first-line is-hidden-touch">
         <div v-cloak class="container">
           <div class="logo">
             <img v-if="config.logo" :src="config.logo" alt="dashboard logo" />
@@ -27,6 +27,8 @@
         :open="showMenu"
         :links="config.links"
         @navbar:toggle="showMenu = !showMenu"
+        :navigateToFirstService="navigateToFirstService"
+        :filterServices="filterServices"
       >
         <DarkMode @updated="isDark = $event" />
 
@@ -36,14 +38,6 @@
           icon="fa-list"
           iconAlt="fa-columns"
         />
-
-        <SearchInput
-          class="navbar-item is-inline-block-mobile"
-          @input="filterServices"
-          @search:focus="showMenu = true"
-          @search:open="navigateToFirstService"
-          @search:cancel="filterServices"
-        />
       </Navbar>
     </div>
 
@@ -68,7 +62,7 @@
                 v-for="item in group.items"
                 :key="item.name"
                 v-bind:item="item"
-                :class="['column', `is-${12 / config.columns}`]"
+                class="column is-half-tablet is-one-third-widescreen is-half-desktop"
               />
             </template>
           </div>
@@ -79,7 +73,7 @@
             class="columns is-multiline layout-vertical"
           >
             <div
-              :class="['column', `is-${12 / config.columns}`]"
+              class="column is-half-tablet is-one-third-widescreen is-half-desktop"
               v-for="group in services"
               :key="group.name"
             >
@@ -118,7 +112,6 @@ import Navbar from "./components/Navbar.vue";
 import ConnectivityChecker from "./components/ConnectivityChecker.vue";
 import Service from "./components/Service.vue";
 import Message from "./components/Message.vue";
-import SearchInput from "./components/SearchInput.vue";
 import SettingToggle from "./components/SettingToggle.vue";
 import DarkMode from "./components/DarkMode.vue";
 import DynamicTheme from "./components/DynamicTheme.vue";
@@ -132,7 +125,6 @@ export default {
     ConnectivityChecker,
     Service,
     Message,
-    SearchInput,
     SettingToggle,
     DarkMode,
     DynamicTheme,
@@ -143,7 +135,7 @@ export default {
       services: null,
       offline: false,
       filter: "",
-      vlayout: true,
+      vlayout: false,
       isDark: null,
       showMenu: false,
     };