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..ee768acbcbeae3eb66b7e105ffe8936b765f2478 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,7 +30,7 @@
 .filtered-list-widget > div.container {
     flex: auto;
     overflow-y: auto;
-    background: white;
+    background: #fbfbfb;
 }
 
 .filtered-list-widget-item {
@@ -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;
+    margin-right: 5px;
+    border-radius: 3px;
+    line-height: 18px;
+}
+
+.filtered-list-widget-item .tag .highlight {
+    color: white;
+}