Submit button added to user pod.

ui/login/account_picker/user_pod_row.css

Index: ui/login/account_picker/user_pod_row.css
diff --git a/ui/login/account_picker/user_pod_row.css b/ui/login/account_picker/user_pod_row.css
index 454dc817d7ce97bb14825f0c803ada33982bd038..17f96f15389f61fdfff419894bab0c93560aa47b 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -164,6 +164,38 @@ html[dir=rtl] .main-pane {
   width: 160px;
 }
 
+.auth-container.pin-disabled {
+  opacity: 1;
+  transition: opacity 200ms ease-in-out 180ms;
+  visibility: visible;
+}
+
+.auth-container.pin-enabled {
+  opacity: 0;
+  transition: none;
+  visibility: hidden;
+}
+
+.auth-container .submit-button[disabled] {
+  color: #000;
+  opacity: 0.26;
+}
+
+.auth-container .submit-button {
+  box-sizing: border-box;
+  color: var(--google-blue-500);
+  height: 43px;
+  min-height: 43px;
+  min-width: 43px;
+  padding: 11.5px 10px;
+  position: relative;
+  width: 43px;
+}
+
+.auth-container .submit-button.error-shown {
+  color: #CD2A00;
+}
+
 .name-container {
   transition: transform 180ms,
               opacity 180ms ease-in-out 180ms,
@@ -209,8 +241,13 @@ html[dir=rtl] .main-pane {
   flex: auto;
 }
 
+.capslock-on .password-container {

[jdufault, 2016/08/30 21:02:26]

Is it possible to have the alignment automatically readjust so we don't need to
specify custom styling for a specific app state?

[sammiequon, 2016/08/30 22:28:27]

Done.

+  width: 107px;
+}
+
 .password-container {
   flex: auto;
+  width: 127px;
 }
 
 .pod input[type='password'] {
@@ -229,13 +266,17 @@ html[dir=rtl] .main-pane {
 .capslock-on .capslock-hint-container {
   display: block;
   flex: none;
+  height: 43px;
+  position: relative;
+  width: 20px;
 }
 
 .capslock-hint {
   -webkit-margin-end: 6px;
   -webkit-margin-start: -2px;
+  margin: auto;
   position: relative;
-  top: 11px;
+  top: 15px;
 }
 
 .password-label,