MD User Manager: latest design change, css refactoring, accessiblity, and bug fixes

chrome/browser/resources/md_user_manager/user_manager_tutorial.html

Index: chrome/browser/resources/md_user_manager/user_manager_tutorial.html
diff --git a/chrome/browser/resources/md_user_manager/user_manager_tutorial.html b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
index b5540beb8c1c1e654721bceeb6cc403d5d7c1c1b..56ff1b773884834b573696cd2a56215a9985a7f6 100644
--- a/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
+++ b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
@@ -1,11 +1,9 @@
 <link rel="import" href="chrome://md-user-manager/shared_styles.html">
-<link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 
 <dom-module id="user-manager-tutorial">
-  <link rel="import" type="css" href="chrome://resources/css/action_link.css">
   <template>
     <style include="shared-styles">
       .tutorial-slide {
@@ -87,10 +85,6 @@
         width: 100%;
       }
 
-      .slide-buttons [is='action-link'] {
-        width: 100%;
-      }
-
       .slide-buttons button {
         bottom: 0;
         height: 35px;
@@ -171,12 +165,12 @@
         <div class="tutorial-slide" id="[[steps_.YOUR_CHROME]]">
           <div class="slide-image"></div>
           <div class="slide-contents">
-            <div class="slide-title">[[i18n('slideYourChromeTitle')]]</div>
-            <div class="slide-text">[[i18n('slideYourChromeText')]]</div>
+            <div class="slide-title">$i18n{slideYourChromeTitle}</div>
+            <div class="slide-text">$i18n{slideYourChromeText}</div>
           </div>
           <div class="slide-buttons">
             <paper-button on-tap="onNextTap_" data-next$="[[steps_.GUESTS]]">
-              [[i18n('tutorialNext')]]
+              $i18n{tutorialNext}
             </paper-button>
           </div>
         </div>
@@ -186,12 +180,12 @@
         <div class="tutorial-slide" id="[[steps_.GUESTS]]">
           <div class="slide-image"></div>
           <div class="slide-contents">
-            <div class="slide-title">[[i18n('slideGuestsTitle')]]</div>
-            <div class="slide-text">[[i18n('slideGuestsText')]]</div>
+            <div class="slide-title">$i18n{slideGuestsTitle}</div>
+            <div class="slide-text">$i18n{slideGuestsText}</div>
           </div>
           <div class="slide-buttons">
             <paper-button on-tap="onNextTap_" data-next$="[[steps_.FRIENDS]]">
-              [[i18n('tutorialNext')]]
+              $i18n{tutorialNext}
             </paper-button>
           </div>
           <div class="arrow-down"></div>
@@ -202,12 +196,12 @@
         <div class="tutorial-slide" id="[[steps_.FRIENDS]]">
           <div class="slide-image"></div>
           <div class="slide-contents">
-            <div class="slide-title">[[i18n('slideFriendsTitle')]]</div>
-            <div class="slide-text">[[i18n('slideFriendsText')]]</div>
+            <div class="slide-title">$i18n{slideFriendsTitle}</div>
+            <div class="slide-text">$i18n{slideFriendsText}</div>
           </div>
           <div class="slide-buttons">
             <paper-button on-tap="onNextTap_" data-next$="[[steps_.COMPLETE]]">
-              [[i18n('tutorialNext')]]
+              $i18n{tutorialNext}
             </paper-button>
           </div>
           <div class="arrow-down"></div>
@@ -218,12 +212,12 @@
         <div class="tutorial-slide" id="[[steps_.COMPLETE]]">
           <div class="slide-image"></div>
           <div class="slide-contents">
-            <div class="slide-title">[[i18n('slideCompleteTitle')]]</div>
-            <div class="slide-text">[[i18n('slideCompleteText')]]</div>
+            <div class="slide-title">$i18n{slideCompleteTitle}</div>
+            <div class="slide-text">$i18n{slideCompleteText}</div>
           </div>
           <div class="slide-buttons">
             <paper-button on-tap="onNextTap_" data-next$="[[steps_.NOT_YOU]]">
-              [[i18n('tutorialDone')]]
+              $i18n{tutorialDone}
             </paper-button>
           </div>
         </div>
@@ -234,11 +228,11 @@
           </iron-icon>
           <div class="slide-buttons">
             <div class="slide-text">
-              [[i18n('slideCompleteUserNotFound')]]
+              $i18n{slideCompleteUserNotFound}
             </div>
             <div id="slide-add-user">
               <a id="addUser" is="action-link" on-tap="onAddUserTap_">
-                [[i18n('slideCompleteAddUser')]]
+                $i18n{slideCompleteAddUser}
               </a>
             </div>
           </div>