Downloads WebUI: replace paper-button with cr-button

Bug: 967793
Change-Id: I8f4f5a05235f748f1a6360bc50f9ca1e4a052953
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1639078Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#665270}

chrome/browser/resources/downloads/item.html

@@ -5,12 +5,12 @@
 <link rel="import" href="i18n_setup.html">
 <link rel="import" href="icon_loader.html">
 <link rel="import" href="icons.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_icon_button/cr_icon_button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_toast/cr_toast_manager.html">
 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
-<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/action_link_css.html">
@@ -19,13 +19,12 @@
 <link rel="import" href="chrome://resources/html/cr/ui/focus_row_behavior.html">
 <link rel="import" href="chrome://resources/html/cr/ui/focus_without_ink.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.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-progress/paper-progress.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 
 <dom-module id="downloads-item">
   <template>
-    <style include="action-link cr-hidden-style cr-icons paper-button-style">
+    <style include="action-link cr-hidden-style cr-icons">
       :host {
         --controlled-by-active-color: #333;
         --controlled-by-active-link-color: var(--google-blue-600);
@@ -41,7 +40,7 @@
         --controlled-by-inactive-color: inherit;
       }
 
-      paper-button {
+      cr-button {
         font-weight: 500;
         margin: 0;
         min-width: auto;
@@ -326,22 +325,22 @@
               hidden="[[!completelyOnDisk_]]" focus-row-control
               focus-type="show">$i18n{controlShowInFolder}</a>
           <template is="dom-if" if="[[data.retry]]">
-            <paper-button class="action-button" on-click="onRetryTap_"
+            <cr-button class="action-button" on-click="onRetryTap_"
                 focus-row-control focus-type="retry">
               $i18n{controlRetry}
-            </paper-button>
+            </cr-button>
           </template>
           <template is="dom-if" if="[[pauseOrResumeText_]]">
-            <paper-button on-click="onPauseOrResumeTap_" id="pauseOrResume"
+            <cr-button on-click="onPauseOrResumeTap_" id="pauseOrResume"
                 focus-row-control focus-type="pauseOrResume">
               [[pauseOrResumeText_]]
-            </paper-button>
+            </cr-button>
           </template>
           <template is="dom-if" if="[[showCancel_]]">
-            <paper-button on-click="onCancelTap_" focus-row-control
+            <cr-button on-click="onCancelTap_" focus-row-control
                 focus-type="cancel">
               $i18n{controlCancel}
-            </paper-button>
+            </cr-button>
           </template>
           <span id="controlled-by"><!-- Text populated dynamically. --></span>
         </div>
@@ -350,22 +349,22 @@
           <div id="dangerous" class="controls">
             <!-- Dangerous file types (e.g. .exe, .jar). -->
             <template is="dom-if" if="[[!isMalware_]]">
-              <paper-button on-click="onDiscardDangerousTap_"
+              <cr-button on-click="onDiscardDangerousTap_"
                   class="action-button" focus-row-control
-                  focus-type="discard">$i18n{dangerDiscard}</paper-button>
-              <paper-button on-click="onSaveDangerousTap_" focus-row-control
+                  focus-type="discard">$i18n{dangerDiscard}</cr-button>
+              <cr-button on-click="onSaveDangerousTap_" focus-row-control
                   focus-type="save">
-                $i18n{dangerSave}</paper-button>
+                $i18n{dangerSave}</cr-button>
             </template>
 
             <!-- Things that safe browsing has determined to be dangerous. -->
             <template is="dom-if" if="[[isMalware_]]">
-              <paper-button on-click="onDiscardDangerousTap_"
+              <cr-button on-click="onDiscardDangerousTap_"
                   class="action-button" focus-row-control focus-type="discard">
-                $i18n{controlRemoveFromList}</paper-button>
-              <paper-button on-click="onSaveDangerousTap_" focus-row-control
+                $i18n{controlRemoveFromList}</cr-button>
+              <cr-button on-click="onSaveDangerousTap_" focus-row-control
                   focus-type="save">
-                $i18n{dangerRestore}</paper-button>
+                $i18n{dangerRestore}</cr-button>
             </template>
           </div>
         </template>