DevTools: Update styling for rendering drawer panel

third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css

 /*
  * Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 * {
     /* This is required for correct sizing of flex items because we rely
      * on an old version of the flexbox spec.
      * Longer-term we should remove this, see crbug.com/473625 */
@@ skipping 254 matching lines @@
 :host-context(:not(.platform-mac).-theme-with-dark-background) ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.3);
 }
 
 :not(.platform-mac).-theme-with-dark-background ::-webkit-scrollbar-thumb,
 :host-context(:not(.platform-mac).-theme-with-dark-background) .-theme-with-dark-background ::-webkit-scrollbar-thumb {
     border-radius: 2px;
     background-color: #333;
     -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
 }
+
+.panel-section-separator {

[lushnikov, 2016/04/19 22:37:45]

lets move this into renderingOptions.css

In your other patch, you can simply copy this single rule

[luoe, 2016/04/22 00:44:50]

Done.

+    height: 2px;
+    margin-bottom: 12px;
+    background: #f1f1f1;
+}