Bookmarks WebUI: replace paper-button with cr-button

Bug: 967793
Change-Id: I94808c1645c87c81f789bd6e8165042ae4246574
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1640800Reviewed-by: Rebekah Potter <rbpotter@chromium.org>
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#665696}

chrome/browser/resources/bookmarks/command_manager.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_lazy_render/cr_lazy_render.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/cr/ui/command.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
@@ -14,7 +14,7 @@
 
 <dom-module id="bookmarks-command-manager">
   <template>
-    <style include="shared-style paper-button-style">
+    <style include="shared-style">
       .label {
         flex: 1;
       }
@@ -63,12 +63,12 @@
           <div slot="title">$i18n{openDialogTitle}</div>
           <div slot="body"></div>
           <div slot="button-container">
-            <paper-button class="cancel-button" on-click="onOpenCancelTap_">
+            <cr-button class="cancel-button" on-click="onOpenCancelTap_">
               $i18n{cancel}
-            </paper-button>
-            <paper-button class="action-button" on-click="onOpenConfirmTap_">
+            </cr-button>
+            <cr-button class="action-button" on-click="onOpenConfirmTap_">
               $i18n{openDialogConfirm}
-            </paper-button>
+            </cr-button>
           </div>
         </cr-dialog>
       </template>

chrome/browser/resources/bookmarks/edit_dialog.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/html/assert.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
-<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="dialog_focus_manager.html">
 <link rel="import" href="strings.html">
 
 <dom-module id="bookmarks-edit-dialog">
   <template>
-    <style include="cr-shared-style paper-button-style">
+    <style include="cr-shared-style">
     </style>
     <cr-dialog id="dialog">
       <div slot="title">
@@ -27,13 +26,13 @@
         </cr-input>
       </div>
       <div slot="button-container">
-        <paper-button class="cancel-button" on-click="onCancelButtonTap_">
+        <cr-button class="cancel-button" on-click="onCancelButtonTap_">
           $i18n{cancel}
-        </paper-button>
-        <paper-button id="saveButton" class="action-button"
+        </cr-button>
+        <cr-button id="saveButton" class="action-button"
             on-click="onSaveButtonTap_">
           $i18n{saveEdit}
-        </paper-button>
+        </cr-button>
       </div>
     </cr-dialog>
   </template>

ui/webui/resources/cr_elements/cr_button/cr_button.html

@@ -67,6 +67,7 @@
         flex-shrink: 0;
         font-weight: 500;
         height: var(--cr-button-height);
+        justify-content: center;
         min-width: 5.14em;
         outline-width: 0;
         padding: 8px 16px;