DevTools: brush up command menu looks, render badges.

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

Index: third_party/WebKit/Source/devtools/front_end/ui_lazy/filteredListWidget.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui_lazy/filteredListWidget.css b/third_party/WebKit/Source/devtools/front_end/ui_lazy/filteredListWidget.css
index 7ed987bc9c246deaed8fe9413398c2bb4fd88be4..0f3299b738077ac9886d1aba49dc8623302b6a87 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui_lazy/filteredListWidget.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui_lazy/filteredListWidget.css
@@ -13,7 +13,7 @@
 .filtered-list-widget-prompt-element {
     flex: 0 0 36px;
     border: 0;
-    box-shadow: rgba(140, 140, 140, 0.5) 0 4px 16px;
+    box-shadow: rgba(140, 140, 140, 0.2) 0 2px 2px;
     margin: 0;
     padding: 0 6px;
     z-index: 1;
@@ -30,11 +30,11 @@
 .filtered-list-widget > div.container {
     flex: auto;
     overflow-y: auto;
-    background: white;
+    background: #fbfbfb;
 }
 
 .filtered-list-widget-item {
-    padding: 6px;
+    padding: 4px 6px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -42,7 +42,7 @@
 }
 
 .filtered-list-widget-item.selected {
-    background-color: #eee;
+    background-color: #f0f0f0;
 }
 
 .filtered-list-widget-item span.highlight {
@@ -77,3 +77,15 @@
 .filtered-list-widget-item.two-rows {
     border-bottom: 1px solid rgb(235, 235, 235);
 }
+
+.tag {
+    color: white;
+    padding: 1px 3px;
+    margin-right: 5px;
+    border-radius: 2px;
+    line-height: 18px;
+}
+
+.filtered-list-widget-item .tag .highlight {
+    color: white;
+}