From ad5922d302a2fbd9c53ac84b540a58e4cb685d8c Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Sun, 21 Apr 2019 14:16:55 +0100
Subject: [PATCH] [design] improve search min width

---
 css/header.css | 1 +
 index.html     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/header.css b/css/header.css
index e3e5d1d1..fda0caa0 100755
--- a/css/header.css
+++ b/css/header.css
@@ -111,6 +111,7 @@
 
 .is-header-search-width-auto .header-search {
   flex-grow: 1;
+  min-width: 10em;
 }
 
 .is-header-search-width-custom .header-search {
diff --git a/index.html b/index.html
index 322c5aa6..ffa8f79b 100644
--- a/index.html
+++ b/index.html
@@ -216,7 +216,7 @@
             <div class="input-wrap form-indent-2">
               <label for="control-header-search-width-custom">Percentage of header space</label>
               <input id="control-header-search-width-custom" class="control-header-search-width-custom" type="range" min="10" max="100" value="0" tabindex="1">
-              <p class="input-helper small muted">Header space can be changed by the Layout Content Container Width.</p>
+              <p class="input-helper small muted">Header space can be changed by the Layout Content Container Width. Minimum width is 10%.</p>
             </div>
             <div class="checkbox-wrap form-indent-1">
               <input id="control-header-search-focus" class="control-header-search-focus" type="checkbox" tabindex="1">