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

@@ -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 {