1 files changed, 19 insertions, 16 deletions
diff --git a/chromium/third_party/blink/renderer/devtools/front_end/sources/watchExpressionsSidebarPane.css b/chromium/third_party/blink/renderer/devtools/front_end/sources/watchExpressionsSidebarPane.css
index 4d2d52d6168..45472a7bdee 100644
--- a/chromium/third_party/blink/renderer/devtools/front_end/sources/watchExpressionsSidebarPane.css
+++ b/chromium/third_party/blink/renderer/devtools/front_end/sources/watchExpressionsSidebarPane.css
@@ -5,21 +5,20 @@
  */
 
 .watch-expression-delete-button {
-    width: 10px;
-    height: 10px;
-    background-image: url(Images/deleteIcon.png);
-    background-position: 0 0;
-    background-color: transparent;
-    background-repeat: no-repeat;
-    border: 0 none transparent;
     position: absolute;
-    top: 4px;
-    right: 3px;
-    display: none;
+    top: 5px;
+    right: 6px;
+    cursor: pointer;
+    opacity: 0;
+    min-width: 20px;
 }
 
 .watch-expression-header:hover .watch-expression-delete-button {
-    display: inline;
+    opacity: 0.5;
+}
+
+.watch-expression-header:hover .watch-expression-delete-button:hover {
+    opacity: 1;
 }
 
 .watch-expressions {
@@ -36,7 +35,7 @@
     text-overflow: ellipsis;
     overflow: hidden;
     line-height: 20px;
-    margin-left: 11px;
+    margin-left: 16px;
 }
 
 .watch-expression-object-header .watch-expression-title {
@@ -86,19 +85,23 @@
 
 .watch-expression-text-prompt-proxy {
     margin: 2px 12px;
+    padding-bottom: 3px;
 }
 
 .watch-expression-header {
     flex: auto;
-    padding: 0 6px;
 }
 
 .watch-expression-object-header {
-    margin-left: -12px;
-    padding-left: 12px;
+    margin-left: -16px;
+    padding-left: 15px;
 }
 
 .watch-expression-header:hover {
     background-color: #F0F0F0;
-    padding-right: 14px;
+    padding-right: 28px;
+}
+
+.watch-expression-object {
+    padding-left: 5px;
 }