[DevTools] Introduce a sidebar with a drop-down

third_party/WebKit/Source/devtools/front_end/quick_open/filteredListWidget.css

Index: third_party/WebKit/Source/devtools/front_end/quick_open/filteredListWidget.css
diff --git a/third_party/WebKit/Source/devtools/front_end/quick_open/filteredListWidget.css b/third_party/WebKit/Source/devtools/front_end/quick_open/filteredListWidget.css
index d8f44584023035e197f8cdc1765d205b785b48ff..e32c4e36e14fa8739afd7f75dbfb914cb5bcbbbf 100644
--- a/third_party/WebKit/Source/devtools/front_end/quick_open/filteredListWidget.css
+++ b/third_party/WebKit/Source/devtools/front_end/quick_open/filteredListWidget.css
@@ -19,12 +19,26 @@
     font-size: inherit;
 }
 
+.filtered-list-widget-input-container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin: 11px 0 4px 0;
+    height: 18px;
+    flex-shrink: 0;
+}
+
 .filtered-list-widget-input {
     white-space: pre;
-    height: 18px;
-    margin-top: 12px;
     overflow: hidden;
     flex: auto;
+    align-self: stretch;
+    margin-top: 1px;
+}
+
+.filtered-list-input-icon {
+    flex-shrink: 1;
+    margin-left: 8px;
 }
 
 .filtered-list-widget-progress {
@@ -119,3 +133,7 @@
     color: #888;
     background: #fbfbfb;
 }
+
+.hovered {
+    background-color: #F7F7F7;
+}