Merge pull request #1583 from weaveworks/1518-tall-search

Fix tall search box in Firefox
weaveworks · Jun 14, 2016 · e2050e1 · e2050e1
2 parents e53b0cb + 8a845ec
commit e2050e1
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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 {