DevTools: Tweak timeline tree view bars

Source/devtools/front_end/timeline/TimelineTreeView.js

 // Copyright 2015 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.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.TimelineModel} model
  */
 WebInspector.TimelineTreeView = function(model)
@@ skipping 415 matching lines @@
             return null;
         var cell = this.createTD(columnIdentifier);
         cell.className = "numeric-column";
         var textDiv = cell.createChild("div");
         textDiv.createChild("span").textContent = this.data[columnIdentifier];
         var percentColumn = columnIdentifier + "-percent";
         if (percentColumn in this.data) {
             textDiv.createChild("span", "percent-column").textContent = this.data[percentColumn];
             textDiv.classList.add("profile-multiple-values");
         }
-        cell.createChild("div", "background-bar").style.width = (this._profileNode[columnIdentifier + "Time"] * 100 / this._maxTimes[columnIdentifier]).toFixed(1) + "%";
+        var bar = cell.createChild("div", "background-bar-container").createChild("div", "background-bar");
+        bar.style.width = (this._profileNode[columnIdentifier + "Time"] * 100 / this._maxTimes[columnIdentifier]).toFixed(1) + "%";
         return cell;
     },
 
     /**
      * @override
      */
     populate: function()
     {
         if (this._populated)
             return;
         this._populated = true;
         if (!this._profileNode.children)
             return;
         for (var node of this._profileNode.children.values()) {
             var gridNode = new WebInspector.TimelineTreeView.GridNode(node, this._totalTime, this._maxTimes.self, this._maxTimes.total, this._treeView);
             this.insertChildOrdered(gridNode);
         }
     },
 
     __proto__: WebInspector.SortableDataGridNode.prototype
 }