From 138fb5a3635fac5bc5c0670257b2ebd4c4501f87 Mon Sep 17 00:00:00 2001
From: Maurice Oegerli <maurice@oeger.li>
Date: Wed, 31 Mar 2021 18:00:39 +0200
Subject: [PATCH 1/2] Make search bar drop underneath nav on mobile

---
 src/App.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index f485ac89..d08769f6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,7 +17,7 @@
                     />iped</router-link
                 >
             </div>
-            <div class="uk-navbar-center uk-flex">
+            <div class="uk-navbar-center uk-flex uk-visible@s">
                 <input
                     class="uk-input"
                     type="text"
@@ -40,6 +40,15 @@
                 </ul>
             </div>
         </nav>
+        <div class="uk-container-expand">
+            <input
+                class="uk-input uk-hidden@s"
+                type="text"
+                placeholder="Search"
+                v-model="searchText"
+                @keypress="onChange($event)"
+            />
+        </div>
 
         <router-view />
 

From b205abd8966194b404336147181c389f1906c445 Mon Sep 17 00:00:00 2001
From: Maurice Oegerli <maurice@oeger.li>
Date: Wed, 31 Mar 2021 18:03:31 +0200
Subject: [PATCH 2/2] Hide div instead of input

---
 src/App.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d08769f6..73f6c072 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,9 +40,9 @@
                 </ul>
             </div>
         </nav>
-        <div class="uk-container-expand">
+        <div class="uk-container-expand uk-hidden@s">
             <input
-                class="uk-input uk-hidden@s"
+                class="uk-input"
                 type="text"
                 placeholder="Search"
                 v-model="searchText"