Devtools: Introduce WI.ExtensibleToolbar

Source/devtools/front_end/inspectorStyle.css

Index: Source/devtools/front_end/inspectorStyle.css
diff --git a/Source/devtools/front_end/inspectorStyle.css b/Source/devtools/front_end/inspectorStyle.css
index 49234bb7c2cebe97d3b89eb0d533c7ce9cf7ee36..df12d68c99191a01874610273adb267067988c90 100644
--- a/Source/devtools/front_end/inspectorStyle.css
+++ b/Source/devtools/front_end/inspectorStyle.css
@@ -86,6 +86,16 @@ body .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header {
     margin-right: -5px; /* Should compensate for .tabbed-pane-header-contents margin-left. */
 }
 
+.inspector-view-toolbar-right {

[dgozman, 2015/04/24 12:12:34]

Drop this in favor of "flex-none".

[sergeyv, 2015/04/24 12:25:52]

Done.

+    flex: none;
+}
+
+.right-toolbar-container {

[dgozman, 2015/04/24 12:12:34]

Drop this in favor of "hbox flex-centered flex-none".

[sergeyv, 2015/04/24 12:25:52]

Done.

+    display: flex;
+    align-items: center;
+    flex: none;
+}
+
 .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header-tab,
 .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header-tab.selected {
     border-width: 0 2px 0 2px;
@@ -111,7 +121,7 @@ body .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header {
 }
 
 .inspector-view-close-button {
-    float: right;
+    flex: none;
     padding-right: 6px;
     padding-left: 4px;
 }