DevTools: render console filter in the main console toolbar.

third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

 /*
  * Copyright (c) 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 :host {
     flex: none;
     padding: 0 2px;
 }
@@ skipping 183 matching lines @@
     border: 0;
     border-radius: 0;
     padding: 0 15px 0 5px;
     margin-right: -10px;
     position: relative;
 }
 
 /* Input */
 
 input.toolbar-item {
-    width: 200px;
+    width: 120px;

[dgozman, 2017/01/31 04:21:30]

I think this will affect more toolbars.

[pfeldman, 2017/01/31 19:54:45]

I know, but I don't yet know where this results in a bad behavior.

     height: 20px;
     padding: 3px;
     margin: 1px 3px;
     background-color: white;
     border: solid 1px #d8d8d8;
 }
 
 input.toolbar-item:focus,
 input.toolbar-item.hover {
     border: solid 1px rgb(202, 202, 202);
@@ skipping 33 matching lines @@
     margin-top: -1px;
     width: 28px;
     left: -2px;
 }
 
 span.toolbar-select-container.toolbar-item.warning {
     background: #ffd7d7;
     padding: 0 5px 0 0;
     margin-right: 1px;
 }