Tons of timeline tweaks

chrome/browser/resources/tracing/timeline.css

 /*
 Copyright (c) 2011 The Chromium Authors. All rights reserved.
 Use of this source code is governed by a BSD-style license that can be
 found in the LICENSE file.
 */
 
 .timeline-drag-box {
+  background-color: rgba(0, 0, 255, 0.25);
+  border: 1px solid #000060
+  font-size: 75%;
   position: fixed;
-  background-color: rgba(0, 0, 255, 0.25);
-  border: 1px solid rgb(0, 0, 96);
-  font-size: 75%;
 }
 
 .timeline-thread-track {
+  -webkit-box-orient: vertical;
   display: -webkit-box;
-  -webkit-box-orient: vertical;
-  padding-top: 1px;
-  padding-bottom: 1px;
+  padding: 1px 0;
 }
 
 .timeline-thread-track:not(:first-child) {
   border-top: 1px solid #D0D0D0;
 }
 
 .timeline-slice-track {
-  display: -webkit-box;
   -webkit-box-orient: horizontal;
   -webkit-box-align: stretch;
   background-color: white;
+  display: -webkit-box;
+  height: 18px;
+  margin: 0;
   padding-right: 5px;

[James Hawkins, 2011/11/10 01:06:13]

nit: padding-right goes after padding.

[nduca, 2011/11/10 02:24:35]

Done.

-  margin: 0;
   padding: 0;
-  height: 18px;
 }
 
 .timeline-slice-track-title {
+  overflow: hidden;
+  padding-right: 5px;
   text-align: right;
-  overflow: visible;
-  width: 300px;
-  padding-right: 5px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .timeline-slice-track-canvas-container {
   -webkit-box-flex: 1;
   width: 100%;
 }
 
 .timeline-slice-track-canvas {
   -webkit-box-flex: 1;
+  height: 100%;
   width: 100%;
-  height: 100%;
 }