DevTools: beautified styles sidebar toolbar.

third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js

 // Copyright (c) 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.ElementsPanel.BaseToolbarPaneWidget}
  * @param {!WebInspector.ToolbarItem} toolbarItem
  */
 WebInspector.ClassesPaneWidget = function(toolbarItem)
@@ skipping 169 matching lines @@
 }
 
 /**
  * @constructor
  * @implements {WebInspector.ToolbarItem.Provider}
  */
 WebInspector.ClassesPaneWidget.ButtonProvider = function()
 {
     this._button = new WebInspector.ToolbarToggle(WebInspector.UIString("Element Classes"), "");
     this._button.setText(".cls");
+    this._button.element.classList.add("monospace");
     this._button.addEventListener("click", this._clicked, this);
     this._view = new WebInspector.ClassesPaneWidget(this.item());
     WebInspector.context.addFlavorChangeListener(WebInspector.DOMNode, this._nodeChanged, this);
     this._nodeChanged();
 }
 
 WebInspector.ClassesPaneWidget.ButtonProvider.prototype = {
     _clicked: function()
     {
         WebInspector.ElementsPanel.instance().showToolbarPane(!this._view.isShowing() ? this._view : null);
@@ skipping 10 matching lines @@
 
     _nodeChanged: function()
     {
         var node = WebInspector.context.flavor(WebInspector.DOMNode);
         var enabled = !!node;
         this._button.setEnabled(enabled);
         if (!enabled && this._button.toggled())
             WebInspector.ElementsPanel.instance().showToolbarPane(null);
     }
 }