Devtools: Add new row in toolbarButtonGlyphs and layout editor icon

Source/devtools/front_end/ui/toolbar.css

Index: Source/devtools/front_end/ui/toolbar.css
diff --git a/Source/devtools/front_end/ui/toolbar.css b/Source/devtools/front_end/ui/toolbar.css
index 6ae9a9e6569144f5f763f72181e8939df8ff2340..51869d0e4d2c0beaa9bf6e955e24b4c44952ccd8 100644
--- a/Source/devtools/front_end/ui/toolbar.css
+++ b/Source/devtools/front_end/ui/toolbar.css
@@ -74,7 +74,7 @@
     background-color: #595959;
     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
     -webkit-mask-position: -288px -48px;
-    -webkit-mask-size: 352px 144px;
+    -webkit-mask-size: 352px 168px;
     z-index: 1;
     width: 32px;
     height: 26px;
@@ -135,7 +135,7 @@ button.toolbar-item.extension {
 
 .toolbar-select-arrow {
     background-image: url(Images/toolbarButtonGlyphs.png);
-    background-size: 352px 144px;
+    background-size: 352px 168px;
     opacity: 0.7;
     width: 12px;
     height: 12px;
@@ -183,7 +183,7 @@ select.toolbar-item {
 
 .toolbar-item > .glyph {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
-    -webkit-mask-size: 352px 144px;
+    -webkit-mask-size: 352px 168px;
     background-color: #5a5a5a;
     z-index: 1;
     width: 32px;
@@ -283,7 +283,7 @@ select.toolbar-item {
 
 .emulation-toolbar-item.warning::after {
     background-image: url(Images/toolbarButtonGlyphs.png);
-    background-size: 352px 144px;
+    background-size: 352px 168px;
     width: 10px;
     height: 12px;
     content: "";
@@ -523,3 +523,7 @@ button.playback-rate-button {
     width: auto;
     margin-right: 10px;
 }
+
+.layout-editor .glyph {

[dgozman, 2015/08/19 18:49:34]

.layout-editor-toolbar-item

[sergeyv, 2015/08/19 22:08:38]

Done.

+    -webkit-mask-position: 0 -144px;
+}