Fix misplacement of PIN keyboard and sign-in banner for new login screen

ui/login/account_picker/md_user_pod_row.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.
  *
  * This is the stylesheet used by user pods row of account picker UI.
  */
 
 podrow {
   /* Temporarily disabled because animation interferes with updating screen's
    size. */
@@ skipping 14 matching lines @@
   -webkit-tap-highlight-color: transparent;
   border-radius: 2px;
   cursor: pointer;
   opacity: 0.64;
   outline: none;
   position: absolute;
   z-index: 0;
 }
 
 .account-picker.flying-pods .pod {
-  transition: all 300ms;
-}
-
-.pod.pin-enabled {
-  height: 417px;
-  top: -87px !important;
+  transition: all 180ms;
 }
 
 .pod .pin-container {
   left: 36px;
   position: absolute;
   top: 300px;
   width: 234px;
   z-index: 3;
 }
 
@@ skipping 43 matching lines @@
 }
 
 .user-image {
   border-radius: 50%;
   box-shadow: 0 0 2px rgba(255, 255, 255, .34);
   height: 100%;
   width: 100%;
 }
 
 .user-image.switch-image-animation {
-  animation: switch-image 300ms;
+  animation: switch-image 180ms;
 }
 
 .pod .user-image {
   flex: none;
 }
 
 .pod .badge-container {
   background: #FFF;
   border-radius: 50%;
   bottom: 0;
@@ skipping 959 matching lines @@
   50% { opacity: 0; }
   75% { opacity: 1; }
   100% { opacity: 0; }
 }
 
 .large-pod {
   height: 346px;
   width: 306px;
 }
 
+.pod.pin-enabled .large-pod {
+  height: 618px;
+}
+
 .small-pod {
   height: 74px;
   width: 304px;
 }
 
 .small-pod.extra-small {
   height: 60px;
   width: 282px;
 }
 
@@ skipping 35 matching lines @@
 .small-pod.extra-small .small-pod-name {
   left: 76px;
   padding: 16px 0;
   width: 190px;
 }
 
 @keyframes switch-image {
   from { transform: rotate3d(0, 1, 0, 90deg); }
   to { transform: none; }
 }