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

Source/devtools/front_end/components/DockController.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 18 matching lines @@
  */
 
 /**
  * @constructor
  * @extends {WebInspector.Object}
  * @param {boolean} canDock
  */
 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();
         return;
     }
 
     this._currentDockStateSetting = WebInspector.settings.createSetting("currentDockState", "");
     this._lastDockStateSetting = WebInspector.settings.createSetting("lastDockState", "");
 
     /** @type {!WebInspector.ToolbarStatesSettingButton|undefined} */
@@ skipping 97 matching lines @@
             body.classList.remove("undocked");
             body.classList.add("dock-to-right");
             body.classList.remove("dock-to-bottom");
             break;
         case WebInspector.DockController.State.Undocked:
             body.classList.add("undocked");
             body.classList.remove("dock-to-right");
             body.classList.remove("dock-to-bottom");
             break;
         }
+        this._closeButton.setVisible(this._dockSide !== WebInspector.DockController.State.Undocked);
     },
 
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  * @implements {WebInspector.ToolbarItem.Provider}
  */
 WebInspector.DockController.ButtonProvider = function()
@@ skipping 41 matching lines @@
     handleAction: function(context, actionId)
     {
         var toggleButton = new WebInspector.DockController.ButtonProvider().item();
         if (!toggleButton || !toggleButton.enabled())
             return;
         /** @type {!WebInspector.ToolbarStatesSettingButton} */ (toggleButton).toggle();
     }
 }
 
 /**
+ * @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;