From bf0001d97a0e0d7f9e0cadc46c6c6aa27d375790 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Jos=C3=A9=20Pereira?= <patrickelectric@gmail.com>
Date: Wed, 9 Sep 2026 20:54:07 -0300
Subject: [PATCH] core: frontend: kraken: BackAlleyTab: Fix search field on
 small screens
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The filter and sort buttons take the whole toolbar width, the search
field shrinks to nothing since it has no minimum width.

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
---
 core/frontend/src/components/kraken/BackAlleyTab.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/core/frontend/src/components/kraken/BackAlleyTab.vue b/core/frontend/src/components/kraken/BackAlleyTab.vue
index ccadabb9f6..9f4a3ae95a 100644
--- a/core/frontend/src/components/kraken/BackAlleyTab.vue
+++ b/core/frontend/src/components/kraken/BackAlleyTab.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-toolbar height="0" extension-height="70" elevation="0">
+    <v-toolbar height="0" :extension-height="$vuetify.breakpoint.xs ? 130 : 70" elevation="0">
       <template #extension>
         <div class="toolbar-extension">
           <v-text-field
@@ -455,6 +455,7 @@ export default Vue.extend({
 <style scoped>
 .query-text-field {
   max-width: 620px;
+  min-width: 200px;
 }
 
 .store-tab {
@@ -470,6 +471,7 @@ export default Vue.extend({
 
 .toolbar-extension {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
   align-items: start;
   width: 100%;