Submit button added to user pod.

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 198 matching lines @@
   transition: opacity 200ms ease-in-out 180ms;
   visibility: visible;
 }
 
 .auth-container.pin-enabled {
   opacity: 0;
   transition: none;
   visibility: hidden;
 }
 
+html[dir=rtl] .auth-container .submit-button {
+  left: -10px;
+}
+
+.auth-container .submit-button[disabled] {
+  color: grey;
+}
+
+.auth-container .submit-button {
+  color: blue;

[jdufault, 2016/08/17 19:04:12]

Is this the right color?

[sammiequon, 2016/08/30 16:39:58]

Done.

+  height: 43px;
+  left: 127px;
+  padding: 11.5px 10px;

[jdufault, 2016/08/17 19:04:12]

What is the 11.5px for?

[sammiequon, 2016/08/30 16:39:58]

From the mocks. To place the icon i presume.

+  position: absolute;

[jdufault, 2016/08/17 19:04:12]

Can we position relative to other elements instead of absolute?

[sammiequon, 2016/08/30 16:39:58]

Done.

+  width: 43px;
+}
+
+.auth-container .submit-button.error-shown {
+  color: red;

[jdufault, 2016/08/17 19:04:12]

Is this the right color?

[sammiequon, 2016/08/30 16:39:58]

Done.

+}
+
 .name-container {
   transition: transform 180ms,
               opacity 180ms ease-in-out 180ms,
               visibility 180ms ease-in-out 180ms;
   opacity : 1;
   visibility: visible;
 }
 
 .name-container.pin-enabled {
   opacity : 0;
@@ skipping 35 matching lines @@
 .password-container {
   flex: auto;
 }
 
 .pod input[type='password'] {
   background-color: white;
   border: none;
   padding: 4px 6px;
   position: relative;
   top: 6px;
-  width: 100%;
+  width: 103px;
 }
 
 .capslock-hint-container {
   display: none;
 }
 
 .capslock-on .capslock-hint-container {
   display: block;
   flex: none;
+  height: 43px;
+  left: 111px;
+  position: absolute;

[jdufault, 2016/08/17 19:04:12]

Can this be positioned relative to other elements?

[sammiequon, 2016/08/30 16:39:58]

Done.

+  width: 20px;
+}
+
+html[dir=rtl] .capslock-on .capslock-hint-container {
+  left: 33px;
 }
 
 .capslock-hint {
   -webkit-margin-end: 6px;
   -webkit-margin-start: -2px;
+  margin: auto;
   position: relative;
-  top: 11px;
+  top: 15px;
 }
 
 .password-label,
 .signin-transition-container {
   display: none;
 }
 
 .pod[auth-type='userClick']:not(.signing-in) .password-label,
 .pod[auth-type='userClick'].signing-in .signin-transition-container {
   color: grey;
@@ skipping 618 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; }
 }