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..9df971fa0d2db7c7ab7f5e621a583d4fffcafee1 100644
--- a/ui/login/screen_container.css
+++ b/ui/login/screen_container.css
@@ -21,9 +21,21 @@
   -webkit-perspective: 600px;
 }
 
-#pin-container {
+.pin-container {
   opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */
-  transition: opacity 200ms ease-in-out;
+  visibility: hidden;

[jdufault, 2016/06/23 19:51:15]

What about having the pin-disabled class set by default in the HTML files?

[sammiequon, 2016/06/24 18:07:55]

Done.

[sammiequon, 2016/06/24 18:07:55]

Done.

+}
+
+.pin-container.pin-enabled {
+  opacity: 1;
+  transition: opacity 200ms ease-in-out 500ms,
+              visibility 200ms ease-in-out 500ms;
+  visibility: visible;
+}
+
+.pin-container.pin-disabled {
+  transition: none;
+  visibility: hidden;
 }
 
 #scroll-container {
@@ -42,7 +54,6 @@
 
 #inner-container {
   border-radius: 2px;
-  padding: 0;
   position: relative;
 }