DevTools: migrate sidebar pane's titleElement to use Toolbar.

Source/devtools/front_end/elements/ElementStatePaneWidget.js

Index: Source/devtools/front_end/elements/ElementStatePaneWidget.js
diff --git a/Source/devtools/front_end/elements/ElementStatePaneWidget.js b/Source/devtools/front_end/elements/ElementStatePaneWidget.js
index ba2c98a30902a854644a083c2ef3733220654843..207c595f8842063373fb70f58ee87826bf219396 100644
--- a/Source/devtools/front_end/elements/ElementStatePaneWidget.js
+++ b/Source/devtools/front_end/elements/ElementStatePaneWidget.js
@@ -10,8 +10,9 @@
 WebInspector.ElementStatePaneWidget = function(toolbarItem)
 {
     WebInspector.StylesSidebarPane.BaseToolbarPaneWidget.call(this, toolbarItem);
-    this.element.className = "styles-element-state-pane source-code";
-    var table = createElement("table");
+    this.element.className = "styles-element-state-pane";
+    this.element.createChild("div").createTextChild("Force element state");

[dgozman, 2015/06/09 13:27:02]

UIString

[pfeldman, 2015/06/09 13:40:59]

Done.

+    var table = createElementWithClass("table", "source-code");
 
     var inputs = [];
     this._inputs = inputs;
@@ -122,7 +123,7 @@ WebInspector.ElementStatePaneWidget.prototype = {
  */
 WebInspector.ElementStatePaneWidget.ButtonProvider = function()
 {
-    this._button = new WebInspector.ToolbarButton(WebInspector.UIString("Toggle Element State"), "element-state-toolbar-item");
+    this._button = new WebInspector.ToolbarButton(WebInspector.UIString("Toggle Element State"), "pin-toolbar-item");
     this._button.addEventListener("click", this._clicked, this);
     this._view = new WebInspector.ElementStatePaneWidget(this.item());
 }