16px gridicons: update to use 18px for clarity

Author: kellychoffman

assets/stylesheets/sections/_menus.scss

@@ -842,7 +842,7 @@
 					.gridicon {
 						position: absolute;
 						left: 0;
-						padding: 9px 9px;
+						padding: 9px 8px;
 					}
 
 					.search-box {

client/components/site-selector/style.scss

@@ -117,18 +117,19 @@
 		width: auto;
 		position: absolute;
 			left: 18px;
-		margin-top: -8px;
-		width: 16px;
-		height: 16px;
+			top: 50%;
+		margin-top: -9px;
+		width: 18px;
+		height: 18px;
 	}
 
 	&.is-open {
 		.search-close__icon {
 			color: $gray;
 			right: 16px;
-			margin-top: -8px;
-			width: 16px;
-			height: 16px;
+			margin-top: -9px;
+			width: 18px;
+			height: 18px;
 		}
 	}
 }

client/my-sites/category-selector/search.jsx

@@ -20,7 +20,7 @@ module.exports = React.createClass( {
 	render: function() {
 		return (
 			<div className="category-selector__search">
-				<Gridicon icon="search" size={ 16 } />
+				<Gridicon icon="search" size={ 18 } />
 				<input type="search"
 					placeholder={ this.translate( 'Search…', { textOnly: true } ) }
 					value={ this.props.searchTerm }

client/my-sites/category-selector/search.scss

@@ -5,8 +5,8 @@
 
 .category-selector__search .gridicon {
 	position: absolute;
-	left: 0;
-	padding: 10px 10px;
+	left: 8px;
+	top: 9px;
 }
 
 .category-selector__search input {

client/my-sites/menus/item-options/option-list.jsx

@@ -31,7 +31,7 @@ var Search = React.createClass( {
 	render: function() {
 		return (
 			<div className="search-container">
-				<Gridicon icon="search" size={ 16 } />
+				<Gridicon icon="search" size={ 18 } />
 				<input type="search" className="search-box"
 					placeholder={ this.translate( 'Search…', { textOnly: true } ) }
 					value={ this.props.searchTerm }