DevTools: fix invalid outline style across inputs

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 184 matching lines @@
 }
 
 .editing,
 .editing * {
     color: #222 !important;
     text-decoration: none !important;
 }
 
 .error-input {
     outline: auto 2px red !important;
+    outline-offset: -2px !important;
 }
 
 .chrome-select {
     -webkit-appearance: none;
     -webkit-user-select: none;
     border: 1px solid rgb(160, 160, 160);
     border-radius: 2px;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
     inset 0 1px 2px rgba(255, 255, 255, 0.75);
     color: #444;
@@ skipping 54 matching lines @@
 :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);
 }
 
 label[is=dt-icon-label] {
     flex: none;
 }