[Devtools] Adjusted font size for new network timeline

third_party/WebKit/Source/devtools/front_end/network/NetworkTimelineColumn.js

 // Copyright 2016 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.
 /**
  * @unrestricted
  */
 WebInspector.NetworkTimelineColumn = class extends WebInspector.VBox {
   /**
    * @param {number} rowHeight
    * @param {!WebInspector.NetworkTimeCalculator} calculator
@@ skipping 273 matching lines @@
       var request = requests[i];
       this._decorateRow(context, request, i, rowOffset - this._scrollTop);
       if (useTimingBars)
         this._drawTimingBars(context, request, rowOffset - this._scrollTop);
       else
         this._drawSimplifiedBars(context, request, rowOffset - this._scrollTop);
     }
     this._drawEventDividers(context);
     context.restore();
 
+    const paddingTop = 14;
     const freeZoneAtLeft = 75;
-    WebInspector.TimelineGrid.drawCanvasGrid(context, this._calculator, this._fontSize, freeZoneAtLeft);
+    const freeZoneAtRight = 15;
+    const fontSize = '80%';
+    WebInspector.TimelineGrid.drawCanvasGrid(context, this._calculator, paddingTop, freeZoneAtLeft, freeZoneAtRight, fontSize);
   }
 
   /**
    * @param {!CanvasRenderingContext2D} context
    */
   _drawEventDividers(context) {
     context.save();
     context.lineWidth = 1;
     for (var color of this._eventDividers.keys()) {
       context.strokeStyle = color;
@@ skipping 260 matching lines @@
   font: 'hsl(8, 100%, 80%)',
   media: 'hsl(272, 64%, 80%)',
   image: 'hsl(272, 64%, 80%)',
   script: 'hsl(31, 100%, 80%)',
   stylesheet: 'hsl(90, 50%, 80%)',
   texttrack: 'hsl(8, 100%, 80%)',
   websocket: 'hsl(0, 0%, 95%)',
   xhr: 'hsl(53, 100%, 80%)',
   other: 'hsl(0, 0%, 95%)'
 };