MD Downloads: replace <paper-icon-button> with <inky-text-button>

chrome/browser/resources/md_downloads/vulcanized.html

Index: chrome/browser/resources/md_downloads/vulcanized.html
diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
index fff21ea832b0d43abbd44e8b1908a97fc680e57f..e2221d99e152f68ae78c9af2cb980473811d08c0 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -2488,7 +2488,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       </div>
 
       <div id="remove-wrapper" class="icon-wrapper">
-        <paper-icon-button id="remove" icon="clear" i18n-values="title:controlRemoveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap="onRemoveTap_"></paper-icon-button>
+        <div id="remove" tabindex="0" i18n-values="title:controlRemoveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-focus="activateRipple_" on-blur="deactivateRipple_" on-tap="onRemoveTap_">✕</div>
       </div>
 
       <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"></div>
@@ -2732,14 +2732,16 @@ paper-button {
 }
 
 #remove {
-  --iron-icon-height: 16px;
-  --iron-icon-width: 16px;
-  --layout-inline: {
-    /* HACK(dbeam): we probably shouldn't be overriding Polymer like this. */
-  };
+  -webkit-user-select: none;
   color: #969696;
+  cursor: pointer;
+  font-size: 16px;
   height: 16px;
+  line-height: 16px;
+  outline: none;
   padding: 8px;
+  position: relative;
+  text-align: center;
   width: 16px;
 }