DevTools: Update network overview with two level bars.

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 91 matching lines @@
 }
 
 #timeline-overview-panel .overview-strip .timeline-overview-strip-title {
     color: #666;
     font-size: 10px;
     font-weight: bold;
     z-index: 100;
     background-color: rgba(255, 255, 255, 0.7);
     padding: 0 4px;
     position: absolute;
-    top: 0;
+    top: -2px;
     right: 0;
 }
 
 #timeline-overview-cpu-activity {
     flex-basis: 20px;
 }
 
 #timeline-overview-network {
-    flex-basis: 12px;
+    flex-basis: 8px;
 }
 
 #timeline-overview-framerate {
     flex-basis: 16px;
     margin-top: 0 !important;
 }
 
 #timeline-overview-filmstrip {
     flex-basis: 30px;
 }
@@ skipping 541 matching lines @@
 
 .timeline-landing-warning {
     background-color: #fffde7;
     padding: 10px 14px;
     box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
 }
 
 .timeline-landing-warning span[is=ui-icon] {
     margin: -8px;
 }