Lock screen pin keyboard ui upgrades.

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 d2b34cf9c42eacbf82aef66b42ad561fe0b60d09..08c5264fd5ba33e756a219962228edc3da629723 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -52,16 +52,15 @@ pin-keyboard {
 }
 
 .pod.pin-enabled {
-  height: 594px;
-  top: -200px !important;
-  width: 270px;
+  height: 417px;
+  top: -87px !important;
 }
 
 .pod .pin-container {
-  height: 344px;
+  height: 204px;
   position: absolute;
-  top: 250px;
-  width: 270px;
+  top: 170px;
+  width: 180px;

[jdufault, 2016/08/05 21:58:52]

Does width need to be specified?

[sammiequon, 2016/08/05 23:34:50]

Done.

 }
 
 .pod.faded {
@@ -98,23 +97,11 @@ podrow[ncolumns='6'] .pod {
   z-index: 3;
 }
 
-.user-image-pane.pin-enabled {
-  height: 230px;
-  left: 20px;
-  top: 20px;
-  width: 230px;
-}
-
 html[dir=rtl] .user-image-pane {
   left: auto;
   right: 10px;
 }
 
-html[dir=rtl] .user-image-pane.pin-enabled {
-  left: auto;
-  right: 20px;
-}
-
 .user-image-container {
   align-items: center;
   display: flex;
@@ -134,14 +121,6 @@ html:not([screen=login-add-user]) .pod .user-image {
   max-width: 160px;
   opacity: 0.7;
   position: absolute;
-  transition: max-height 180ms ease-in-out,
-              max-width 180ms ease-in-out,
-              top 180ms ease-in-out;
-}
-
-html:not([screen=login-add-user]) .pod .user-image.pin-enabled {
-  max-height: 230px;
-  max-width: 230px;
 }
 
 html:not([screen=login-add-user]) .pod.focused .user-image {
@@ -164,18 +143,9 @@ html:not([screen=login-add-user]) .pod.focused .user-image {
   position: absolute;
   text-align: center;
   top: 0;
-  transition: left 180ms ease-in-out,
-              top 180ms ease-in-out,
-              width 180ms ease-in-out;
   width: 100%;
 }
 
-.pod.signed-in .signed-in-indicator.pin-enabled {
-  left: 20px;
-  top: 20px;
-  width: 230px;
-}
-
 .main-pane {
   left: 10px;
   position: absolute;