DevTools: beautified styles sidebar toolbar.

third_party/WebKit/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 405 matching lines @@
 .styles-section .style-properties .inherited {
     opacity: 0.5;
 }
 
 .styles-section .style-properties .has-ignorable-error {
     color: gray;
 }
 
 .styles-element-state-pane {
     overflow: hidden;
-    height: 60px;
+    height: 66px;
     padding-left: 2px;
     border-bottom: 1px solid rgb(189, 189, 189);
 }
 
 @keyframes styles-element-state-pane-slidein {
     from {
         margin-top: -60px;
     }
     to {
         margin-top: 0px;
@@ skipping 23 matching lines @@
 
 .styles-element-state-pane {
     background-color: #f3f3f3;
     border-bottom: 1px solid rgb(189, 189, 189);
     margin-top: 0;
 }
 
 .styles-element-classes-pane {
     background-color: #f3f3f3;
     border-bottom: 1px solid rgb(189, 189, 189);
-    padding: 2px 4px;
+    padding: 6px 2px 2px;
 }
 
 .styles-element-classes-container {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
 }
 
 .styles-element-classes-pane label {
     margin-right: 15px;
 }
 
 .styles-element-classes-pane .title-container {
     padding-bottom: 2px;
 }
 
 .styles-element-classes-pane .new-class-input {
     padding-left: 3px;
-    width: 100%;
     border: 1px solid #ddd;
+    line-height: 15px;
+    margin-left: 3px;
+    width: calc(100% - 7px);
 }
 
 .styles-element-state-pane > div {
-    margin: 6px 4px 2px;
+    margin: 8px 4px 6px;
 }
 
 .styles-element-state-pane > table {
     width: 100%;
     border-spacing: 0;
 }
 
 .styles-element-state-pane td {
     padding: 0;
 }
@@ skipping 285 matching lines @@
     position: absolute;
     right: 0;
     bottom: 0;
     visibility: hidden;
     background-color: rgba(255, 255, 255, 0.9);
 }
 
 .styles-pane:not(.is-editing-style) .styles-section.matched-styles:not(.read-only):hover .sidebar-pane-section-toolbar {
     visibility: visible;
 }