MD Settings: convert paper-icon-button to paper-icon-button-light.

chrome/browser/resources/settings/people_page/fingerprint_list.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr/ui/focus_without_ink.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripple.html">
 <link rel="import" href="fingerprint_browser_proxy.html">
 <link rel="import" href="setup_fingerprint_dialog.html">
 <link rel="import" href="../i18n_setup.html">
 <link rel="import" href="../route.html">
 <link rel="import" href="../settings_shared_css.html">
 
 <dom-module id="settings-fingerprint-list">
   <template>
     <style include="settings-shared">
       .add-link {
         background-color: transparent;
         color: var(--google-blue-500);
-        padding: 0;
+      }
+
+      .add-link[focused] {
+        color: white;
       }

[dschuyler, 2017/06/06 18:58:39]

This may be a fine change, but I'm missing how it relates to this CL.

[scottchen, 2017/06/06 22:33:12]

It's not related, I'll remove it from this CL for the sake of making sense.

 
       .add-link[disabled] {
         color: var(--google-grey-500);
       }
 
       .body {
         @apply(--settings-list-frame-padding);
       }
 
       .list-item {
@@ skipping 11 matching lines @@
 
     <h2 class="settings-box">$i18n{lockScreenRegisteredFingerprints}</h2>
     <div class="body layout vertical">
       <iron-list id="fingerprintsList" items="[[fingerprints_]]">
         <template>
           <div class="list-item">
             <paper-ripple noink></paper-ripple>
             <paper-input value="{{item}}"
                 on-change="onFingerprintLabelChanged_">
             </paper-input>
-            <button is="paper-icon-button-light"
+            <button is="paper-icon-button-light" class="icon-delete"
                 on-tap="onFingerprintDeleteTapped_">
-              <iron-icon icon="cr:delete"></iron-icon>
             </button>
           </div>
         </template>
       </iron-list>
       <div class="continuation">
         <paper-button id="addFingerprint" class="add-link action-button"
             on-tap="openAddFingerprintDialog_">
           $i18n{lockScreenAddFingerprint}
         </paper-button>
       </div>
     </div>
     <i class="settings-box continuation">$i18n{lockScreenFingerprintWarning}</i>
 
     <template is="dom-if" if="[[showSetupFingerprintDialog_]]" restamp>
       <settings-setup-fingerprint-dialog
           on-add-fingerprint="updateFingerprintsList_"
           on-close="onSetupFingerprintDialogClose_">
       </settings-setup-fingerprint-dialog>
     </template>
   </template>
   <script src="fingerprint_list.js"></script>
 </dom-module>