Fix tall search box in Firefox

[davkal]

• FF has an issue with flexbox and set width
• setting flex only when focused
• downside is that there is a small jump to 2 rows when expanding the box in FF

[foot]

You do get a "flash-of-tallness" on focus. Which is a little distracting but still better than before.

Removing the flex-wrap fixes this too but might be breaking another edge case?

diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index da5f5d8..417947d 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -1260,7 +1260,6 @@ h2 {
     border: @search-border-width solid @search-border-color;
     padding: 2px 4px;
     text-align: left;
-    flex-wrap: wrap;

     &-field {
       font-size: 0.8rem;

Edit: You mentioned the flashoftallness I didn't read the description v.well the first time.

[davkal]

Here is the edge case:

Pinned searches are supposed to wrap.