From c23387c0fb43c04280dd1c28a7e733f5e62f784c Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Tue, 22 Jan 2019 20:54:00 +0100
Subject: [PATCH] make search dialog more responsive in narrow sidebar, fixes
 #367

---
 src/views/desktop.ejs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/desktop.ejs b/src/views/desktop.ejs
index 89f9cfe6e..45a5317cb 100644
--- a/src/views/desktop.ejs
+++ b/src/views/desktop.ejs
@@ -75,8 +75,8 @@
         <input type="file" id="import-upload" style="display: none" />
 
         <div id="search-box">
-            <div style="display: flex; align-items: center;">
-                <input name="search-text" placeholder="Search text, labels" style="flex-grow: 100; margin-left: 5px; margin-right: 5px;" autocomplete="off">
+            <div style="display: flex; align-items: center; flex-wrap: wrap;">
+                <input name="search-text" placeholder="Search text, labels" style="flex-grow: 100; margin-left: 5px; margin-right: 5px; flex-basis: 5em; min-width: 0;" autocomplete="off">
                 <button id="do-search-button" class="btn btn-sm icon-button jam jam-search" title="Search (enter)"></button>
 
                 &nbsp;