From 8a845ecbac828b03909e23385bf6c0b50abe87b1 Mon Sep 17 00:00:00 2001
From: David Kaltschmidt <david.kaltschmidt@gmail.com>
Date: Tue, 14 Jun 2016 15:52:23 +0200
Subject: [PATCH] Fix tall search box in Firefox

* FF has an issue with flexbox and set width
* setting flex only when focused
---
 client/app/styles/main.less | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index 2a23d40ffd..da5f5d83ef 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -1271,8 +1271,7 @@ h2 {
       border-radius: 0;
       background: transparent;
       color: @text-color;
-      flex: 1;
-      width: 60px;
+      width: 100px;
 
       &:focus {
         outline: none;
@@ -1320,6 +1319,12 @@ h2 {
     transition: transform 0.3s 0.3s @base-ease, opacity 0.3s 0.3s @base-ease;
   }
 
+  &-focused &-input-field,
+  &-filled &-input-field,
+  &-pinned &-input-field {
+    flex: 1;
+  }
+
   &-focused,
   &-filled,
   &-pinned {