DevTools: NetworkPanel: fix timeline bar labels vertical alignment.

Source/devtools/front_end/networkLogView.css

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 273 matching lines @@
     right: 12px;
     left: 12px;
 }
 
 .network-graph-label {
     position: absolute;
     top: 0;
     bottom: 0;
     height: 13px;
     line-height: 13px;
+    margin: auto;
     font-size: 90%;
     color: rgba(0, 0, 0, 0.75);
     text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0;
     z-index: 150;
     overflow: hidden;
     text-align: center;
     visibility: hidden;
 }
 
 .network-graph-side:hover .network-graph-label {
     visibility: visible;
 }
 
 .network-graph-label:empty {
     display: none;
 }
 
 .network-graph-label.waiting {
     margin-right: 5px;
 }
 
 .network-graph-label.before {
     color: rgba(0, 0, 0, 0.7);
     text-shadow: none;
     text-align: right;
-    margin-right: -2px;
+    margin-right: -1px;

[pfeldman, 2014/08/14 08:36:17]

Is this intended?

[eustas, 2014/08/14 09:29:46]

Yes.
To make left and right labels handles equally soaked into bar.

 }
 
 .network-graph-label.before::after {
     padding-left: 2px;
     height: 6px;
     content: url(Images/graphLabelCalloutLeft.png);
 }
 
 .network-graph-label.after {
     color: rgba(0, 0, 0, 0.7);
@@ skipping 200 matching lines @@
 
 #network-container {
     overflow-y: auto;
     overflow-x: hidden;
 }
 
 /* Brief mode peculiarities. */
 #network-container.brief-mode .network-timeline-grid {
     display: none;
 }