DevTools: beautified styles sidebar toolbar.

third_party/WebKit/Source/devtools/front_end/elements/module.json

 {
     "extensions": [
         {
             "type": "@WebInspector.PanelFactory",
             "name": "elements",
             "title": "Elements",
             "order": 10,
             "className": "WebInspector.ElementsPanelFactory"
         },
         {
@@ skipping 57 matching lines @@
             "type": "setting",
             "category": "Elements",
             "order": 4,
             "title": "Reveal DOM node on hover.",
             "settingName": "highlightNodeOnHoverInOverlay",
             "settingType": "boolean",
             "defaultValue": true
         },
         {
             "type": "@WebInspector.ToolbarItem.Provider",
-            "className": "WebInspector.ClassesPaneWidget.ButtonProvider",
-            "order": 1,
-            "location": "styles-sidebarpane-toolbar"
-        },
-        {
-            "type": "@WebInspector.ToolbarItem.Provider",
             "className": "WebInspector.ElementStatePaneWidget.ButtonProvider",
             "order": 1,
             "location": "styles-sidebarpane-toolbar"
         },
         {
+            "type": "@WebInspector.ToolbarItem.Provider",
+            "className": "WebInspector.ClassesPaneWidget.ButtonProvider",
+            "order": 2,
+            "location": "styles-sidebarpane-toolbar"
+        },
+        {
             "type": "@WebInspector.ActionDelegate",
             "actionId": "elements.hide-element",
             "contextTypes": ["WebInspector.ElementsPanel"],
             "className": "WebInspector.ElementsActionDelegate",
             "bindings": [
                 {
                     "shortcut": "H"
                 }
             ]
         },
@@ skipping 81 matching lines @@
     ],
     "resources": [
         "bezierEditor.css",
         "breadcrumbs.css",
         "computedStyleSidebarPane.css",
         "elementsPanel.css",
         "elementsTreeOutline.css",
         "spectrum.css"
     ]
 }