[DevTools] Device Mode toolbar updates.

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 f452d71cc43171231074d9032932e880d998ff6d..efc1ede9cda9366569f7d215ccfa6afbc5104494 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
@@ -57,6 +57,7 @@
     display: inline-block;
     pointer-events: none;
     margin: auto 0;
+    flex: none;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
@@ -80,8 +81,16 @@
     color: #5a5a5a;
 }
 
+.toolbar-has-dropdown {
+    justify-content: space-between;
+}
+
 .toolbar-has-dropdown .toolbar-text {
-    margin-right: 1px;
+    margin: 0 4px 0 0;
+    text-overflow: ellipsis;
+    flex: auto;
+    overflow: hidden;
+    text-align: right;
 }
 
 .toolbar-has-glyph .toolbar-text {
@@ -92,18 +101,10 @@
     font-weight: bold;
 }
 
-.toolbar-button:not(.toolbar-has-glyph).hover {
+.toolbar-button:not(.toolbar-has-glyph):not(.toolbar-has-dropdown):not(.menu-toolbar-item).hover {
     background-color: #f3f3f3;
 }
 
-.toolbar-dimmed .toolbar-text {
-    color: #999;
-}
-
-.toolbar-dimmed .toolbar-dropdown-arrow {
-    background-color: #999;
-}
-
 .toolbar-glyph {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
     -webkit-mask-size: 352px 168px;