MD User Manager: Refactoring CSS

chrome/browser/resources/md_user_manager/create_profile.html

Index: chrome/browser/resources/md_user_manager/create_profile.html
diff --git a/chrome/browser/resources/md_user_manager/create_profile.html b/chrome/browser/resources/md_user_manager/create_profile.html
index a3ec1aadc8ddaa3a6298fcfcbf696f1ff6d4e8a2..79e8279654448a0ba1153c7f6c49c36fd47d5bed 100644
--- a/chrome/browser/resources/md_user_manager/create_profile.html
+++ b/chrome/browser/resources/md_user_manager/create_profile.html
@@ -17,13 +17,11 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner.html">
 
 <dom-module id="create-profile">
-  <link rel="import" type="css" href="chrome://resources/css/action_link.css">
   <template>
     <style include="shared-styles">
       .container {
-        color: var(--paper-grey-800);
-        margin: 0 auto;
-        width: 624px;
+        color: var(--main-text-color);
+        width: var(--page-width);
       }
 
       #message-container {
@@ -97,7 +95,7 @@
       paper-checkbox {
         --paper-checkbox-label-spacing: 16px;
         --paper-checkbox-size: 20px;
-        --primary-text-color: var(--paper-grey-800);
+        --primary-text-color: var(--main-text-color);
         margin-top: 24px;
       }
 
@@ -149,34 +147,11 @@
         right: auto;
       }
 
-      #actions paper-button {
-        border-radius: 2px;
-        font-weight: 500;
-        line-height: 32px;
-        margin: 0;
-        min-width: 52px;
-        padding: 0 16px;
-      }
-
       #actions paper-spinner {
         align-self: center;
         height: 20px;
         width: 20px;
       }
-
-      #actions #cancel {
-        color: var(--paper-grey-600);
-      }
-
-      #actions #save {
-        -webkit-margin-start: 8px;
-        background: var(--google-blue-500);
-        color: white;
-      }
-
-      #actions #save[disabled] {
-        background: rgba(66, 133, 244, .5);
-      }
     </style>
     <div id="message-container" hidden="[[!message_]]">
       <iron-icon icon="warning"></iron-icon>
@@ -234,9 +209,10 @@
       </div>
       <div id="actions">
         <paper-spinner active="[[createInProgress_]]"></paper-spinner>
-        <paper-button id="cancel" on-tap="onCancelTap_" i18n-content="cancel">
+        <paper-button id="cancel" class="action secondary" i18n-content="cancel"
+            on-tap="onCancelTap_">
         </paper-button>
-        <paper-button id="save" on-tap="onSaveTap_"
+        <paper-button id="save" class="action primary" on-tap="onSaveTap_"
             i18n-content="createProfileConfirm"
             disabled="[[isSaveDisabled_(createInProgress_, profileName_)]]">
         </paper-button>