MD Extensions: reuse the shared paper-button styling.

This CL eliminates the redundant css rules for paper-button in favor of reusing the styling in the shared cr_elements location.

Bug: 740758
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: Ieba6ab6bf03e2c063a52323ecacaafc5919e4dfa
Reviewed-on: https://chromium-review.googlesource.com/577027Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Scott Chen <scottchen@chromium.org>
Cr-Commit-Position: refs/heads/master@{#488425}

chrome/browser/resources/md_extensions/item.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
+<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/action_link_css.html">
 <link rel="import" href="chrome://resources/html/assert.html">
@@ -19,7 +20,7 @@
 
 <dom-module id="extensions-item">
   <template>
-    <style include="iron-flex cr-hidden-style action-link">
+    <style include="iron-flex cr-hidden-style action-link paper-button-style">
       #icon-wrapper {
         align-self: flex-start;
         display: flex;
@@ -95,6 +96,10 @@
         padding-top: 8px;
       }
 
+      #button-strip paper-button {
+        margin: 0 4px;
+      }
+
       #source-indicator {
         -webkit-margin-start: 30px;
         margin-top: 30px;
@@ -137,20 +142,10 @@
         display: block;
       }
 
-      paper-button,
       paper-toggle-button {
         cursor: pointer;
       }
 
-      #button-strip paper-button {
-        align-items: center;
-        display: flex;
-        margin: 0 4px;
-        min-height: 32px;
-        padding: 0 12px;
-        text-transform: uppercase;
-      }
-
       .action-button {
         color: var(--google-blue-500);
       }

chrome/browser/resources/md_extensions/load_error.html

 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.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/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
@@ -8,7 +9,7 @@
 
 <dom-module id="extensions-load-error">
   <template>
-    <style include="cr-shared-style">
+    <style include="cr-shared-style paper-button-style">
       .description-row {
         display: flex;
       }
@@ -17,16 +18,6 @@
         display: block;
         width: 104px;  /* Magic number from the specs. */
       }
-
-      paper-button {
-        align-items: center;
-        border-radius: 2px;
-        cursor: pointer;
-        display: flex;
-        justify-content: center;
-        padding: 8px 12px;
-        text-transform: uppercase;
-      }
     </style>
     <dialog is="cr-dialog" id="dialog" close-text="$i18n{close}">
       <div class="title" slot="title">$i18n{loadErrorHeading}</div>

chrome/browser/resources/md_extensions/pack_dialog.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.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/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
@@ -9,18 +10,9 @@
 
 <dom-module id="extensions-pack-dialog">
   <template>
-    <style include="cr-shared-style">
-      paper-button {
-        align-items: center;
-        border-radius: 2px;
-        cursor: pointer;
-        display: flex;
-        justify-content: center;
-        padding: 8px 12px;
-        text-transform: uppercase;
-      }
-
+    <style include="cr-shared-style paper-button-style">
       .file-input {
+        align-items: center;
         display: flex;
         --paper-input-container-input: {
           font-size: inherit;

chrome/browser/resources/md_extensions/toolbar.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
+<link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.html">
 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
+<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
 <link rel="import" href="chrome://resources/html/cr.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="chrome://extensions/icons.html">
@@ -10,7 +11,7 @@
 
 <dom-module id="extensions-toolbar">
   <template>
-    <style include="cr-hidden-style">
+    <style include="cr-hidden-style paper-button-style">
       :host {
         --toolbar-width: 580px;
         --toolbar-color: var(--md-toolbar-color);
@@ -29,6 +30,7 @@
       }
 
       #button-strip {
+        margin-bottom: 4px;
         /* We left-align the text of the left button with the left edge of the
            search field. Since the buttons have 12px padding, add 24px to the
            width of the button strip (12px each side) to make centering easy. */
@@ -37,9 +39,7 @@
 
       #button-strip paper-button {
         -webkit-margin-end: 16px;
-        -webkit-margin-start: 0;
         color: white;
-        padding: 12px 9px;
       }
 
       .more-actions {