Pin keyboard moved to under the user profile.

ui/login/screen_container.css

Index: ui/login/screen_container.css
diff --git a/ui/login/screen_container.css b/ui/login/screen_container.css
index 9a9177503d6ef95adec7a980da4fb9146826776d..ed04770940463a201d398e737801d0309dbd3e6c 100644
--- a/ui/login/screen_container.css
+++ b/ui/login/screen_container.css
@@ -23,7 +23,7 @@
 
 #pin-container {
   opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */
-  transition: opacity 200ms ease-in-out;
+  transition: opacity 500ms ease-in-out;
 }
 
 #scroll-container {
@@ -43,7 +43,6 @@
 #inner-container {
   border-radius: 2px;
   padding: 0;
-  position: relative;

[jdufault, 2016/05/31 19:24:52]

Do we need to remove this? Please verify layout works as expected w/o the PIN
keyboard.

[sammiequon, 2016/06/14 22:22:22]

Done.

 }
 
 #inner-container.animation {
@@ -93,7 +92,7 @@
 
 /* Only play this animation when 'down' class is removed. */
 .oobe-display #inner-container:not(.down) {
-  -webkit-transition: transform 200ms ease-in-out;
+  -webkit-transition: transform 500ms ease-in-out;

[jdufault, 2016/05/31 19:24:52]

Are we sure this value should be changed? Existing transitions should probably
be the same.

[sammiequon, 2016/06/14 22:22:22]

Done.

 }
 
 .oobe-display #inner-container.down {