Anti-shelf-overlapping fixes for several menus.

ui/login/account_picker/user_pod_row.css

Index: ui/login/account_picker/user_pod_row.css
diff --git a/ui/login/account_picker/user_pod_row.css b/ui/login/account_picker/user_pod_row.css
index a8a3cdbc54c66b50c5b49f8d11e8af057795526e..2b1c7ab6ffe7590c5a9fdc2cc7587c3e142faff1 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -320,10 +320,21 @@ html[dir=rtl] .user-type-icon-area {
   font-size: 13px;
   position: absolute;
   right: 5px;
-  top: 18px;
   width: 220px;
 }
 
+.action-box-area.active ~ .action-box-menu:not(.menu-moved-up) {
+  top: 18px;
+}
+
+.action-box-area.active ~ .action-box-menu.menu-moved-up {
+  bottom: 210px;
+}
+
+.action-box-area.menu-moved-up {
+  -webkit-transform: rotate(180deg);

[dzhioev (left Google), 2014/07/25 12:17:00]

Then why these changes were made?

+}
+
 html[dir=rtl] .action-box-area.active ~ .action-box-menu {
   left: 5px;
   right: auto;
@@ -374,6 +385,10 @@ html[dir=rtl] .action-box-area.active ~ .action-box-menu {
   width: 100%;
 }
 
+.action-box-remove-supervised-user-warning-text {
+  margin-bottom: 10px;
+}
+
 .user-type-bubble {
   background-color: white;
   border: 1px solid lightgray;