DevTools: make sidebar section headers wider.

third_party/WebKit/Source/devtools/front_end/ui/ViewContainers.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.View} view
  */
 WebInspector.View._ContainerWidget = function(view)
@@ skipping 26 matching lines @@
     WebInspector.VBox.call(this, true);
     this.element.classList.add("flex-none");
     this.registerRequiredCSS("ui/viewContainers.css");
 
     this._titleElement = createElementWithClass("div", "expandable-view-title");
     this._titleElement.textContent = view.title();
     this._titleElement.tabIndex = 0;
     this._titleElement.addEventListener("click", this._toggleExpanded.bind(this), false);
     this._titleElement.addEventListener("keydown", this._onTitleKeyDown.bind(this), false);
     this.contentElement.insertBefore(this._titleElement, this.contentElement.firstChild);
+
     var toolbarElement = this.contentElement.createChild("div");
     var toolbarItems = view.toolbarItems();
     if (toolbarItems.length) {
-        var toolbar = new WebInspector.Toolbar("", this._titleElement);
+        this._toolbar = new WebInspector.Toolbar("");
         for (var item of toolbarItems)
-            toolbar.appendToolbarItem(item);
+            this._toolbar.appendToolbarItem(item);
     }
 
     this.contentElement.createChild("content");
     this._view = view;
     this._view.attach(this);
     this._view[WebInspector.View._ExpandableContainerWidget._elementSymbol] = this.element;
     if (expanded)
         this.revealChild(this._view);
 }
 
 WebInspector.View._ExpandableContainerWidget._elementSymbol = Symbol("container-widget-element");
 
 WebInspector.View._ExpandableContainerWidget.prototype = {
     /**
      * @override
      * @param {!WebInspector.Widget} child
      * @return {boolean}
      */
     revealChild: function(child)
     {
         if (this._titleElement.classList.contains("expanded"))
             return true;
+        if (this._toolbar)
+            this._titleElement.appendChild(this._toolbar.element);
         this._titleElement.classList.add("expanded");
         this._view.showWidget(this.element);
         return true;
     },
 
     _collapse: function()
     {
         if (!this._titleElement.classList.contains("expanded"))
             return;
+        if (this._toolbar)
+            this._toolbar.element.remove();
         this._titleElement.classList.remove("expanded");
         this._view.hideWidget();
     },
 
     _toggleExpanded: function()
     {
         if (this._titleElement.classList.contains("expanded"))
             this._collapse();
         else
             this.revealChild(this._view);
@@ skipping 117 matching lines @@
      * @param {boolean=} reveal
      * @override
      */
     insertViewBefore: function(view, insertBefore, reveal)
     {
         new WebInspector.View._ExpandableContainerWidget(view, reveal || false).show(this.contentElement, insertBefore ? insertBefore[WebInspector.View._ExpandableContainerWidget._elementSymbol] : null);
     },
 
     __proto__: WebInspector.VBox.prototype
 }