MD Settings: Fix size and padding of expand button

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner-lite.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_search_field_behavior.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 
 <dom-module id="cr-toolbar-search-field">
   <template>
     <style>
       :host {
@@ skipping 20 matching lines @@
       #icon {
         --paper-icon-button-ink-color: white;
         transition: margin 150ms, opacity 200ms;
       }
 
       #prompt {
         opacity: 0;
       }
 
       paper-spinner-lite {
-        @apply(--cr-icon-size);
+        @apply(--cr-icon-height-width);
         --paper-spinner-color: white;
         margin: 0 6px;
         opacity: 0;
         padding: 6px;
         position: absolute;
       }
 
       paper-spinner-lite[active] {
         opacity: 1;
       }
@@ skipping 98 matching lines @@
       </input>
     </div>
     <template is="dom-if" if="[[hasSearchText_]]">
       <paper-icon-button icon="cr:cancel" id="clearSearch"
           title="[[clearLabel]]" on-tap="clearSearch_">
       </paper-icon-button>
     </template>
   </template>
   <script src="cr_toolbar_search_field.js"></script>
 </dom-module>