DevTools: implement hidpi-friendly success/error/warning balls.

Source/devtools/front_end/inspector.css

Index: Source/devtools/front_end/inspector.css
diff --git a/Source/devtools/front_end/inspector.css b/Source/devtools/front_end/inspector.css
index 8254e8026ae5a52e5408af3eb6dd820c124c68b8..a408aaf444d8a99b099e8498b38075942b749860 100644
--- a/Source/devtools/front_end/inspector.css
+++ b/Source/devtools/front_end/inspector.css
@@ -975,7 +975,7 @@ body.remote .dock-status-bar-item {
     -webkit-mask-position: -64px 0;
 }
 
-.error-icon-small, .warning-icon-small {
+.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 120px;
     width: 10px;
@@ -984,7 +984,7 @@ body.remote .dock-status-bar-item {
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
-.error-icon-small, .warning-icon-small {
+.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
     background-image: url(Images/statusbarButtonGlyphs2x.png);
 }
 }
@@ -997,6 +997,18 @@ body.remote .dock-status-bar-item {
     background-position: -202px -107px;
 }
 
+.red-ball {
+    background-position: -224px -96px;
+}
+
+.green-ball {
+    background-position: -235px -96px;
+}
+
+.orange-ball {
+    background-position: -246px -96px;
+}
+
 #error-warning-count {
     padding: 4px 6px 6px 0px;
     font-size: 11px;
@@ -2364,8 +2376,7 @@ body.inactive li.selected .bubble.search-matches {
 }
 
 .storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
-    margin-bottom: -3px;
-    margin-left: 5px;
+    margin: 5px 5px 0;
     vertical-align: middle;
 }