DevTools: Modify BezierSwatch to follow same style as ColorSwatch

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js

Index: third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js b/third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
index ccb9c9db97d012019516e7c973800e4b14de05bd..036fc632880781cf855a60d299d6f6d7775d33e4 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
+++ b/third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
@@ -2014,11 +2014,13 @@ WebInspector.StylePropertyTreeElement.prototype = {
      */
     _processBezier: function(text)
     {
-        var geometry = WebInspector.Geometry.CubicBezier.parse(text);
-        if (!geometry || !this._editable())
+        if (!this._editable() || !WebInspector.Geometry.CubicBezier.parse(text))
             return createTextNode(text);
         var swatchPopoverHelper = this._parentPane._swatchPopoverHelper;
-        return new WebInspector.BezierPopoverIcon(this, swatchPopoverHelper, text).element();
+        var swatch = WebInspector.BezierSwatch.create();
+        swatch.setBezierText(text);
+        new WebInspector.BezierPopoverIcon(this, swatchPopoverHelper, swatch);
+        return swatch;
     },
 
     /**