[DevTools] Device Mode polish.

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 dc3babb651daebb7035bbc0bdc4116793aff9756..3d7b2e07701e2e499a78d2362537e70224bed0ed 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
@@ -47,6 +47,24 @@
     color: #5a5a5a;
 }
 
+.toolbar-dropdown-arrow {
+    -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
+    -webkit-mask-size: 352px 168px;
+    -webkit-mask-position: -18px -96px;
+    background-color: #444;
+    width: 12px;
+    height: 12px;
+    display: inline-block;
+    pointer-events: none;
+    margin: auto 0;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+    .toolbar-dropdown-arrow {
+        -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
+    }
+} /* media */
+
 /* Text-glyph item */
 
 .toolbar-text-glyph {
@@ -62,6 +80,10 @@
     color: #5a5a5a;
 }
 
+.toolbar-has-dropdown .toolbar-text {
+    margin-right: 1px;
+}
+
 .toolbar-has-glyph .toolbar-text {
     margin-left: 0;
 }
@@ -156,24 +178,6 @@
     margin-right: 6px;
 }
 
-.toolbar-select-arrow {
-    -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
-    -webkit-mask-size: 352px 168px;
-    -webkit-mask-position: -18px -96px;
-    background-color: #444;
-    width: 12px;
-    height: 12px;
-    display: inline-block;
-    pointer-events: none;
-    margin: auto 0;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.5) {
-.toolbar-select-arrow {
-    -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
-}
-} /* media */
-
 select.toolbar-item {
     min-width: 48px;
     -webkit-appearance: none;