[DevTools] Device Mode polish.

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

 /*
  * Copyright (c) 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 :host {
     flex: none;
     padding: 0 2px;
 }
@@ skipping 29 matching lines @@
     background-color: transparent;
     flex: none;
     align-items: center;
     justify-content: center;
     padding: 0;
     height: 26px;
     border: none;
     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 {
     white-space: nowrap;
     overflow: hidden;
     min-width: 28px;
     background: transparent;
 }
 
 .toolbar-text {
     margin: 0 5px;
     flex: none;
     color: #5a5a5a;
 }
 
+.toolbar-has-dropdown .toolbar-text {
+    margin-right: 1px;
+}
+
 .toolbar-has-glyph .toolbar-text {
     margin-left: 0;
 }
 
 .toolbar-bold .toolbar-text {
     font-weight: bold;
 }
 
 .toolbar-dimmed .toolbar-text {
     color: #999;
@@ skipping 74 matching lines @@
 }
 
 /* Select */
 
 .toolbar-select-container {
     display: inline-flex;
     flex-shrink: 0;
     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;
     border: 0;
     border-radius: 0;
     padding: 0 15px 0 5px;
     margin-right: -10px;
     position: relative;
 }
 
@@ skipping 301 matching lines @@
 .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
 .toolbar-state-active .block-toolbar-item.toolbar-glyph {
     background-color: rgb(216, 0, 0) !important;
 }
 
 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar-item.toolbar-glyph,
 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-item.toolbar-glyph {
     background-color: hsl(0, 100%, 65%) !important;
 }