Single user pod implementation for new login screen

ui/login/account_picker/md_user_pod_template.html

Index: ui/login/account_picker/md_user_pod_template.html
diff --git a/ui/login/account_picker/md_user_pod_template.html b/ui/login/account_picker/md_user_pod_template.html
index 58215f73471c13c722c941163d6eaf75ae55a6d6..fc4e0fed1624a772a96924191952da75b3670cc6 100644
--- a/ui/login/account_picker/md_user_pod_template.html
+++ b/ui/login/account_picker/md_user_pod_template.html
@@ -5,6 +5,7 @@
 </dom-module>
 
 <style is="custom-style" include="user-pod-template-shared-styles"></style>
+<link rel="import" href="chrome://resources/cr_elements/icons.html">
 
 <iron-iconset-svg name="user-pod" size="24">
   <svg>
@@ -13,8 +14,12 @@
       Inlined from Polymer's iron-icons to avoid importing everything.
       See http://goo.gl/Y1OdAq for instructions on adding additional icons.
       -->
-      <g id="arrow-forward"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></g>
-      <g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></g>
+      <g id="arrow-forward" stroke="none" stroke-width="1">
+          <polygon id="arrow" points="10.5 4 9.354375 5.145625 13.888125 9.6875 4 9.6875 4 11.3126 13.888125 11.3125 9.354375 15.854375 10.5 17 17 10.5"></polygon>
+      </g>
+      <g id="dropdown" fill="#FFFFFF" stroke="none" stroke-width="1" fill-rule="evenodd" opacity="0.34">
+          <polygon points="16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10"></polygon>
+      </g>
     </defs>
   </svg>
 </iron-iconset-svg>
@@ -42,6 +47,60 @@
         <div class="learn-more"></div>
       </div>
       <div class="name"></div>
+      <div class="action-box-area">
+        <paper-icon-button class="action-box-button" disabled
+                           icon="user-pod:dropdown" tabindex="-1">
+        </paper-icon-button>
+        <iron-icon icon="cr:more-vert" class="action-box-icon"></iron-icon>
+      </div>
+      <div class="action-box-menu">
+        <div class="action-box-menu-title">
+          <span class="action-box-menu-title-name"></span>
+          <span class="action-box-menu-title-email"></span>
+        </div>
+        <div class="action-box-menu-remove"
+            i18n-content="removeUserWarningButtonTitle">
+        </div>
+        <div class="action-box-remove-user-warning" hidden>
+          <div class="action-box-remove-user-warning-text"></div>
+          <table class="action-box-remove-user-warning-table-nonsync
+                        non-sync has-stats">
+            <tbody>
+              <tr>
+                <td i18n-content="removeUserWarningTextHistory"></td>
+                <td class="action-box-remove-user-warning-history
+                           action-box-remove-user-warning-table-numbers"
+                    i18n-content="removeUserWarningTextCalculating"></td>
+              </tr>
+              <tr>
+                <td i18n-content="removeUserWarningTextPasswords"></td>
+                <td class="action-box-remove-user-warning-passwords
+                           action-box-remove-user-warning-table-numbers"
+                    i18n-content="removeUserWarningTextCalculating"></td>
+              </tr>
+              <tr>
+                <td i18n-content="removeUserWarningTextBookmarks"></td>
+                <td class="action-box-remove-user-warning-bookmarks
+                           action-box-remove-user-warning-table-numbers"
+                    i18n-content="removeUserWarningTextCalculating"></td>
+              </tr>
+              <tr>
+                <td i18n-content="removeUserWarningTextSettings"></td>
+                <td class="action-box-remove-user-warning-settings
+                           action-box-remove-user-warning-table-numbers"
+                    i18n-content="removeUserWarningTextCalculating"></td>
+              </tr>
+            </tbody>
+          </table>
+          <div class="action-box-remove-legacy-supervised-user-warning-text"
+              i18n-content="removeLegacySupervisedUserWarningText"></div>
+          <div class="action-box-remove-non-owner-user-warning-text"
+              i18n-content="removeNonOwnerUserWarningText"></div>
+          <!-- paper-button is imported inside user_manager.html -->
+          <paper-button class="remove-warning-button"
+              i18n-content="removeUserWarningButtonTitle"></paper-button>
+        </div>
+      </div>
     </div>
     <div class="auth-container">
       <!-- Password Authentication -->
@@ -84,66 +143,18 @@
         <button class="launch-app-button" i18n-content="launchAppButton">
         </button>
       </div>
+      <div id="input-line">
+        <svg>
+          <line x1="0" y1="0" x2="204" y2="0">
+        </svg>
+      </div>
     </div>
   </div>
-  <div class="action-box-area">
-    <div class="custom-appearance action-box-button"></div>
-    <!-- iron-icon is imported inside user_manager.html -->
-    <iron-icon icon="cr:more-vert" class="action-box-icon"></iron-icon>
-  </div>
   <div class="user-image-gradient-area">
   </div>
   <div class="user-type-icon-area" hidden>
     <div class="custom-appearance user-type-icon-image"></div>
   </div>
-  <div class="action-box-menu">
-    <div class="action-box-menu-title">
-      <span class="action-box-menu-title-name"></span>
-      <span class="action-box-menu-title-email"></span>
-    </div>
-    <div class="action-box-menu-remove">
-      <span class="action-box-menu-remove-command"/>
-    </div>
-    <div class="action-box-remove-user-warning" hidden>
-      <div class="action-box-remove-user-warning-text"></div>
-      <table class="action-box-remove-user-warning-table-nonsync
-                    non-sync has-stats">
-        <tbody>
-          <tr>
-            <td i18n-content="removeUserWarningTextHistory"></td>
-            <td class="action-box-remove-user-warning-history
-                       action-box-remove-user-warning-table-numbers"
-                i18n-content="removeUserWarningTextCalculating"></td>
-          </tr>
-          <tr>
-            <td i18n-content="removeUserWarningTextPasswords"></td>
-            <td class="action-box-remove-user-warning-passwords
-                       action-box-remove-user-warning-table-numbers"
-                i18n-content="removeUserWarningTextCalculating"></td>
-          </tr>
-          <tr>
-            <td i18n-content="removeUserWarningTextBookmarks"></td>
-            <td class="action-box-remove-user-warning-bookmarks
-                       action-box-remove-user-warning-table-numbers"
-                i18n-content="removeUserWarningTextCalculating"></td>
-          </tr>
-          <tr>
-            <td i18n-content="removeUserWarningTextSettings"></td>
-            <td class="action-box-remove-user-warning-settings
-                       action-box-remove-user-warning-table-numbers"
-                i18n-content="removeUserWarningTextCalculating"></td>
-          </tr>
-        </tbody>
-      </table>
-      <div class="action-box-remove-legacy-supervised-user-warning-text"
-          i18n-content="removeLegacySupervisedUserWarningText"></div>
-      <div class="action-box-remove-non-owner-user-warning-text"
-          i18n-content="removeNonOwnerUserWarningText"></div>
-      <!-- paper-button is imported inside user_manager.html -->
-      <paper-button class="remove-warning-button"
-          i18n-content="removeUserWarningButtonTitle"></paper-button>
-    </div>
-  </div>
   <div class="user-type-bubble">
     <div class="user-type-bubble-header">
       <span class="mp-policy-title"