DevTools: do not respect Chrome theme in DevTools, align toolbar items.

Source/devtools/front_end/components/DockController.js

Index: Source/devtools/front_end/components/DockController.js
diff --git a/Source/devtools/front_end/components/DockController.js b/Source/devtools/front_end/components/DockController.js
index c44273ca23022ab22a76ec54972f5fca5f6a7746..2f3dc92452685db8248b06591441864f2cb9f02c 100644
--- a/Source/devtools/front_end/components/DockController.js
+++ b/Source/devtools/front_end/components/DockController.js
@@ -36,6 +36,10 @@
 WebInspector.DockController = function(canDock)
 {
     this._canDock = canDock;
+
+    this._closeButton = new WebInspector.ToolbarButton(WebInspector.UIString("Close"), "delete-toolbar-item");
+    this._closeButton.addEventListener("click", InspectorFrontendHost.closeWindow.bind(InspectorFrontendHost));
+
     if (!canDock) {
         this._dockSide = WebInspector.DockController.State.Undocked;
         this._updateUI();
@@ -153,6 +157,7 @@ WebInspector.DockController.prototype = {
             body.classList.remove("dock-to-bottom");
             break;
         }
+        this._closeButton.setVisible(this._dockSide !== WebInspector.DockController.State.Undocked);
     },
 
     __proto__: WebInspector.Object.prototype
@@ -214,6 +219,25 @@ WebInspector.DockController.ToggleDockActionDelegate.prototype = {
 }
 
 /**
+ * @constructor
+ * @implements {WebInspector.ToolbarItem.Provider}
+ */
+WebInspector.DockController.CloseButtonProvider = function()
+{
+}
+
+WebInspector.DockController.CloseButtonProvider.prototype = {
+    /**
+     * @override
+     * @return {?WebInspector.ToolbarItem}
+     */
+    item: function()
+    {
+        return WebInspector.dockController._closeButton;
+    }
+}
+
+/**
  * @type {!WebInspector.DockController}
  */
 WebInspector.dockController;