[DevTools] Improve Device Mode icons.

third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

Index: third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
index 7863f7861825ec87f0768aa049473ed358c0fb1f..1f56cf5a3ff75dc35b2835550055067a7781e0a9 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
@@ -24,6 +24,10 @@
     flex-wrap: wrap;
 }
 
+.toolbar-shadow.wrappable-reverse {
+    flex-direction: row-reverse;
+}
+
 .toolbar-shadow.vertical {
     flex-direction: column;
     height: auto;
@@ -66,6 +70,10 @@
     font-weight: bold;
 }
 
+.toolbar-dimmed .toolbar-text {
+    color: #999;
+}
+
 .toolbar-glyph {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
     -webkit-mask-size: 352px 168px;
@@ -261,35 +269,6 @@ input.toolbar-item.hover {
     -webkit-mask-position: -320px -120px;
 }
 
-.emulation-toolbar-item.toolbar-glyph {
-    -webkit-mask-position: -288px -144px;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.5) {
-.emulation-toolbar-item.toolbar-glyph {
-    -webkit-mask-position: -160px 0;
-}
-}
-
-.emulation-toolbar-item.warning::after {
-    background-image: url(Images/toolbarButtonGlyphs.png);
-    background-size: 352px 168px;
-    width: 10px;
-    height: 12px;
-    content: "";
-    position: absolute;
-    right: 3px;
-    bottom: 2px;
-    background-position: -202px -107px;
-    z-index: 1;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.5) {
-.emulation-toolbar-item.warning::before {
-    background-image: url(Images/toolbarButtonGlyphs_2x.png);
-}
-} /* media */
-
 .delete-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -128px 0;
 }
@@ -318,10 +297,6 @@ input.toolbar-item.hover {
     -webkit-mask-position: -224px -72px;
 }
 
-.screencast-toolbar-item.toolbar-glyph {
-    -webkit-mask-position: -160px 0;
-}
-
 .record-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -288px 0;
 }
@@ -485,29 +460,19 @@ input.toolbar-item.hover {
     -webkit-mask-position: -32px -144px;
 }
 
-.desktop-toolbar-item.toolbar-glyph {
-    -webkit-mask-position: -256px -144px;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.5) {
-.desktop-toolbar-item.toolbar-glyph {
-    -webkit-mask-position: -160px -144px;
-}
+.phone-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -288px -144px;
 }
 
 .rotate-screen-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -192px -144px;
 }
 
-.resize-toolbar-item.toolbar-glyph {
-    -webkit-mask-position: -224px -144px;
-}
-
 .enter-fullscreen-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -256px -96px;
 }
 
-.exit-fullscreen-toolbar-item.toolbar-glyph {
+.responsive-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -288px -96px;
 }