Timeline: show record details as a tabbed pane

Source/devtools/front_end/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 734 matching lines @@
     flex: auto;
 }
 
 .timeline-memory-split > .split-view-contents-first {
     overflow: hidden;
 }
 
 .timeline-aggregated-info {
     flex: none;
     position: relative;
-    margin: 8px 2px;
-    width: 200px;
+    margin: 8px;
+}
+
+.timeline-range-summary {
+    align-items: center;
+    margin: 6px;
 }
 
 .timeline-aggregated-info-legend > div {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 
 .timeline-aggregated-info .pie-chart {
     margin-left: 20px;
@@ skipping 16 matching lines @@
     z-index: 500;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .revealable-link {
     text-decoration: underline;
     cursor: pointer;
 }