DevTools: Render third-party badges in timeline tree view

third_party/WebKit/Source/devtools/front_end/timeline/timelinePanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 525 matching lines @@
     display: inline-block;
 }
 
 .timeline-tree-view .data-grid tr.selected span {
     color: inherit;
 }
 
 .timeline-tree-view .data-grid .name-container {
     display: flex;
     align-items: center;
+    padding-left: 2px;
 }
 
 .timeline-tree-view .data-grid .name-container div {
     flex: none;
 }
 
 .timeline-tree-view .data-grid .name-container .activity-icon {
-    width: 10px;
-    height: 10px;
-    margin: 0 4px 0 2px;
+    width: 12px;
+    height: 12px;
     border: 1px solid rgba(0, 0, 0, 0.05);
 }
 
+.timeline-tree-view .data-grid .name-container .activity-icon-container {
+    margin-right: 3px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    width: 17px;
+    height: 18px;
+    overflow: hidden;
+}
+
 .timeline-tree-view .data-grid .name-container .activity-warning::after {
     content: "[deopt]";
     margin: 0 4px;
     line-height: 12px;
     font-size: 10px;
     color: #777;
 }
 
 .timeline-tree-view .data-grid tr.selected .name-container .activity-warning::after {
     color: white;
@@ skipping 79 matching lines @@
 
 .timeline-landing-warning-close {
     float: right;
     margin-top: -10px;
     margin-right: -13px;
 }
 
 .timeline-landing-warning span[is=ui-icon] {
     margin: -8px;
 }