ChromeOS: Show the new POD RE-AUTH ICON when users needs to re-auth

ui/login/account_picker/user_pod_row.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  *
  * This is the stylesheet used by user pods row of account picker UI.
  */
 
 podrow {
   /* Temporarily disabled because animation interferes with updating screen's
    size. */
@@ skipping 132 matching lines @@
 }
 
 .pod.focused .name-container {
   display: none;
 }
 
 .pod.focused.multiprofiles-policy-applied .name-container {
   display: flex;
 }
 
-.name {
+.name-box {
   color: #565656;
   /* This should be 15.6px - the equivalent of 14px at 90% scale. */
   flex: auto;
   font-size: 16px;
   margin-top: 12px;
   outline: none;
+  padding: 0 6px;
+}
+
+.pod[auth-type='onlineSignIn'] .name-box .reauth-warning {
+  color: #ffc107;

[dzhioev (left Google), 2015/07/01 21:38:26]

Can you please use #f4b400 (Google Yellow 500) instead? We already use this
color for the warning icon in OOBE.

[Alexander Alekseev, 2015/07/02 18:53:40]

Done.

+  display: inline-flex;
+}
+
+.pod .name-box .reauth-warning {
+  display: none;
+}
+
+.name {
   overflow: hidden;
-  padding: 0 6px;
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .learn-more-container,
 .auth-container,
 .password-entry-container,
 .signin-button-container {
   display: none;
@@ skipping 588 matching lines @@
   -webkit-animation: ellipsis-component2 1.5s infinite;
 }
 
 @-webkit-keyframes ellipsis-component2 {
   0% { opacity: 0; }
   25% { opacity: 0; }
   50% { opacity: 0; }
   75% { opacity: 1; }
   100% { opacity: 0; }
 }