From f87bc5bb22ccb3c107bd55ecb1355ce7b6ae800d Mon Sep 17 00:00:00 2001
From: Arthur Lefebvre <artlef@protonmail.com>
Date: Tue, 17 Feb 2026 16:07:48 +0100
Subject: [PATCH] Search bar: set full width on mobile

---
 front/src/NavBarSearch.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/front/src/NavBarSearch.vue b/front/src/NavBarSearch.vue
index 06de70b..a126778 100644
--- a/front/src/NavBarSearch.vue
+++ b/front/src/NavBarSearch.vue
@@ -33,7 +33,7 @@
 <template>
   <div class="navbar-item">
     <div class="field has-addons">
-      <div class="control">
+      <div class="control" :class="isMobile ? 'fullwidth' : ''">
         <input v-mobile-focus="isMobile ? true : null" v-model="searchterm" @keyup.enter="onSearchClick()" class="input" :class="sizeClass" type="text" />
       </div>
       <div class="control">
@@ -48,4 +48,8 @@
   </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+  .fullwidth {
+    width: 100%;
+  }
+</style>