[Devtools] New structure and colorize rows for network products

third_party/WebKit/Source/devtools/front_end/network/networkLogView.css

Index: third_party/WebKit/Source/devtools/front_end/network/networkLogView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/network/networkLogView.css b/third_party/WebKit/Source/devtools/front_end/network/networkLogView.css
index 37842b76b184ddb952558554b3c7624345aad061..e46ae4264f3895411839cda414e3519d44cd5c74 100644
--- a/third_party/WebKit/Source/devtools/front_end/network/networkLogView.css
+++ b/third_party/WebKit/Source/devtools/front_end/network/networkLogView.css
@@ -161,6 +161,29 @@
 .network-header-subtitle {
     color: gray;
 }
+.network-log-grid.data-grid .product-ad::before,
+.network-log-grid.data-grid .product-tracking::before,
+.network-log-grid.data-grid .product-cdn::before {
+    content: "";
+    border-radius: 5px;
+    height: 5px;
+    width: 5px;
+    margin-right: 3px;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.network-log-grid.data-grid .product-ad::before {
+    background-color: #00BCD4;
+}
+
+.network-log-grid.data-grid .product-tracking::before {
+    background-color: #FF9800;
+}
+
+.network-log-grid.data-grid .product-cdn::before {
+    background-color: #4CAF50;
+}
 
 .network-log-grid.data-grid.small .network-cell-subtitle,
 .network-log-grid.data-grid.small .network-header-subtitle {