[DevTools] Improved function preview everywhere

third_party/WebKit/Source/devtools/front_end/components/objectValue.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.
  */
 
 .object-value-scientific-notation-exponent {
     flex-shrink: 0;
 }
 
 .object-value-scientific-notation-mantissa {
     overflow: hidden;
     text-overflow: ellipsis;
     flex-shrink: 1;
     min-width: 1ex;
 }
 
 .object-value-scientific-notation-number {
     display: flex !important;
 }
 
 .object-value-node:hover {
     background-color: rgba(56, 121, 217, 0.1);
 }
 
-.object-value-function::before {
-    content: "function";
+.object-value-function-prefix {
     color: rgb(170, 13, 145);
-    padding-right: 5px;
 }
 
 .object-value-function {
     font-style: italic;
 }
 
 .object-value-function.linkified:hover {
     background-color: rgba(0, 0, 0, 0.1);
     cursor: pointer;
 }
@@ skipping 84 matching lines @@
     display: inline-flex;
     flex-direction: column;
 }
 
 .-theme-with-dark-background .object-value-number,
 :host-context(.-theme-with-dark-background) .object-value-number,
 .-theme-with-dark-background .object-value-boolean,
 :host-context(.-theme-with-dark-background) .object-value-boolean {
     color: hsl(252, 100%, 75%);
 }