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

Source/devtools/front_end/elements/elementsPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 514 matching lines @@
 .metrics {
     border-bottom: 1px solid #ccc;
 }
 
 .metrics-and-styles .metrics {
     border-top: 1px solid #ccc;
     border-bottom: none;
 }
 
 .sidebar-pane.composite .metrics {
-    height: 160px;
+    height: 190px;
     display: flex;
     flex-direction: column;
     -webkit-align-items: center;
     -webkit-justify-content: center;
 }
 
 .sidebar-pane .metrics-and-styles,
 .sidebar-pane .metrics-and-computed {
     display: flex !important;
     flex-direction: column !important;
@@ skipping 179 matching lines @@
 
 .style-properties li.editing-sub-part {
     padding: 3px 6px 8px 18px;
     margin: -1px -6px -8px -6px;
     text-overflow: clip;
 }
 
 .properties-widget-section {
     padding: 2px 0px 2px 5px;
 }