DevTools: [Icons] normalize icon sizes

As a result of this patch, we have:
- 65 icons of 28x24 size (belong to "large" icons)
- 24 icons of 10x10 size (belong to "small" icons)

The rest of the icons belong to "medium" icons and will
be normalized to be 16x16.

R=dgozman, pfeldman
BUG=700249

Review-Url: https://codereview.chromium.org/2744643003
Cr-Commit-Position: refs/heads/master@{#456146}

third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js

@@ -319,7 +319,7 @@ Console.ConsoleViewMessage = class {
     var contentElement = toggleElement.createChild('div', 'console-message-stack-trace-wrapper');
 
     var messageElement = this._buildMessage(consoleMessage);
-    var icon = UI.Icon.create('smallicon-triangle-right');
+    var icon = UI.Icon.create('smallicon-triangle-right', 'console-message-expand-icon');
     var clickableElement = contentElement.createChild('div');
     clickableElement.appendChild(icon);
 

third_party/WebKit/Source/devtools/front_end/console/consoleView.css

@@ -375,3 +375,7 @@
 .console-message-stack-trace-wrapper > * {
     flex: none;
 }
+
+.console-message-expand-icon {
+    margin-bottom: -2px;
+}
\ No newline at end of file

third_party/WebKit/Source/devtools/front_end/data_grid/dataGrid.css

@@ -23,7 +23,7 @@
 .data-grid .header-container {
     top: 0;
     height: 21px;
- }
+}
 
 .data-grid .data-container {
     top: 21px;
@@ -156,6 +156,7 @@
 
 .data-grid th .sort-order-icon {
     margin-right: 4px;
+    margin-bottom: -2px;
     display: none;
 }
 

third_party/WebKit/Source/devtools/front_end/elements/stylesSectionTree.css

@@ -181,9 +181,9 @@ ol.expanded {
 
 .expand-icon {
     -webkit-user-select: none;
-    background-color: #777;
     margin-left: -6px;
     margin-right: 2px;
+    margin-bottom: -2px;
 }
 
 .tree-outline li:not(.parent) .expand-icon {

third_party/WebKit/Source/devtools/front_end/network/networkLogView.css

@@ -379,4 +379,5 @@
 .network-waterfall-header .sort-order-icon {
     align-items: center;
     margin-right: 4px;
+    margin-bottom: -2px;
 }

third_party/WebKit/Source/devtools/front_end/object_ui/customPreviewComponent.css

@@ -13,6 +13,7 @@
     -webkit-user-select: none;
     opacity: 0.5;
     margin-right: 4px;
+    margin-bottom: -2px;
     background: black;
 }
 

third_party/WebKit/Source/devtools/front_end/sources/navigatorTree.css

@@ -28,7 +28,7 @@
  */
 
 .icon, .icon-badge {
-    margin: -3px -7px -3px -7px;
+    margin: -3px -5px -3px -5px;
 }
 
 .icon-stack {

third_party/WebKit/Source/devtools/front_end/ui/Icon.js

@@ -104,11 +104,11 @@ UI.Icon.Descriptors = {
   'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
   'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
   'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spritesheet: 'largeicons', isMask: true},
-  'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 8, spritesheet: 'largeicons', isMask: true},
-  'smallicon-triangle-down': {x: -20, y: -98, width: 10, height: 8, spritesheet: 'largeicons', isMask: true},
-  'smallicon-triangle-up': {x: -4, y: -111, width: 10, height: 8, spritesheet: 'largeicons', isMask: true},
+  'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 10, spritesheet: 'largeicons', isMask: true},
+  'smallicon-triangle-down': {x: -20, y: -98, width: 10, height: 10, spritesheet: 'largeicons', isMask: true},
+  'smallicon-triangle-up': {x: -4, y: -111, width: 10, height: 10, spritesheet: 'largeicons', isMask: true},
   'smallicon-arrow-in-circle': {x: -10, y: -127, width: 11, height: 11, spritesheet: 'largeicons', isMask: true},
-  'smallicon-cross': {x: -177, y: -98, width: 9, height: 9, spritesheet: 'largeicons'},
+  'smallicon-cross': {x: -177, y: -98, width: 10, height: 10, spritesheet: 'largeicons'},
   'smallicon-red-cross-hover': {x: -96, y: -96, width: 14, height: 14, spritesheet: 'largeicons'},
   'smallicon-red-cross-active': {x: -111, y: -96, width: 14, height: 14, spritesheet: 'largeicons'},
   'smallicon-gray-cross-hover': {x: -143, y: -96, width: 13, height: 13, spritesheet: 'largeicons'},
@@ -207,14 +207,14 @@ UI.Icon.Descriptors = {
     spritesheet: 'largeicons',
     isMask: true,
   },
-  'largeicon-navigator-file': {x: -224, y: -72, width: 32, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-file-sync': {x: -160, y: -24, width: 32, height: 24, spritesheet: 'largeicons', isMask: true},
-  'badge-navigator-file-sync': {x: -320, y: -72, width: 32, height: 24, spritesheet: 'largeicons'},
-  'largeicon-navigator-folder': {x: -64, y: -120, width: 32, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-domain': {x: -160, y: -144, width: 32, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-frame': {x: -256, y: -144, width: 32, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-worker': {x: -320, y: -144, width: 32, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-navigator-snippet': {x: -224, y: -96, width: 32, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-file': {x: -226, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-file-sync': {x: -162, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'badge-navigator-file-sync': {x: -322, y: -72, width: 28, height: 24, spritesheet: 'largeicons'},
+  'largeicon-navigator-folder': {x: -66, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-domain': {x: -162, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-frame': {x: -258, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-worker': {x: -322, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-navigator-snippet': {x: -226, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-chevron': {x: -68, y: -143, width: 24, height: 26, spritesheet: 'largeicons', isMask: true},
 

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

@@ -59,6 +59,7 @@
 
 .title-expand-icon {
     margin-right: 2px;
+    margin-bottom: -2px;
 }
 
 .expandable-view-title > .toolbar {