Pin keyboard moved to under the user profile.

ui/login/screen_container.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.
  */
 
 #outer-container {
   -webkit-box-align: center;
   -webkit-box-pack: center;
   -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */
   bottom: 57px;  /* Leave space for the header bar */
   display: -webkit-box;
   left: 0;
   min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
 }
 
 .oobe-display #outer-container {
   -webkit-perspective: 600px;
 }
 
 #pin-container {
   opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */
-  transition: opacity 200ms ease-in-out;
+}
+
+#pin-container.pin-enabled {
+  opacity: 1;
+  transition: opacity 200ms ease-in-out 500ms;
+}
+
+#pin-container.pin-disabled {
+  opacity: 0;

[jdufault, 2016/06/15 22:20:39]

Is this needed? It should get this value from #pin-container, right?

[sammiequon, 2016/06/17 01:00:43]

Done.

+  transition: none;
 }
 
 #scroll-container {
   bottom: 0;        /* Allows content overlap with control bar. */
   left: 0;
   overflow-x: hidden;
   overflow-y: auto;
   position: absolute;
   right: 0;
   top: 0;
 }
 
 #scroll-container::-webkit-scrollbar {
   display: none;
 }
 
 #inner-container {
   border-radius: 2px;
-  padding: 0;
   position: relative;
 }
 
 #inner-container.animation {
   overflow: hidden;
 }
 
 #inner-container.disabled {
   opacity: 0.4;
   pointer-events: none;
@@ skipping 156 matching lines @@
   line-height: 31px;
   text-transform: lowercase;
   width: 23em;
 }
 
 .header-section::before {
   /* Divider in header between product name and title,
    * like "[Product name] > [step header]". */
   content: '\00A0\203A\00A0\00A0';
 }