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

ui/login/account_picker/md_screen_account_picker.css

Index: ui/login/account_picker/md_screen_account_picker.css
diff --git a/ui/login/account_picker/md_screen_account_picker.css b/ui/login/account_picker/md_screen_account_picker.css
index bfb64369d957a46c67e0b802436046a12df6605d..7b48285fa066aef4ea0c68c80668fa1dc6f2b4c2 100644
--- a/ui/login/account_picker/md_screen_account_picker.css
+++ b/ui/login/account_picker/md_screen_account_picker.css
@@ -36,6 +36,7 @@ html[dir=rtl] #signin-banner-container2 {
   display: none;
   font-family: "Roboto";
   font-size: 13px;
+  padding: 20px 24px;
   position: relative;
   text-align: center;
 }
@@ -47,10 +48,7 @@ html[dir=rtl] #signin-banner {
 
 html[screen=user-adding] #signin-banner {
   display: inline-block;
-}
-
-html[screen=login] #signin-banner {
-  padding: 20px 24px;
+  opacity: 0.8;

[xiyuan, 2017/06/05 16:20:31]

Why do we need to change this? This essentially disables the opacity animation
for user adding screen.

[Wenzhao (Colin) Zang, 2017/06/05 17:33:20]

I think there's no opacity animation for user adding screen, because only the
login and lock screens have an opacity transition after '.message-set' is added
(according to line 54 - 66). But I also checked with UX and they just wanted to
update the background opacity to 0.34, so I removed the opacity change.

 }
 
 html[screen=login] #signin-banner,