Anti-shelf-overlapping fixes for several menus.

ui/login/account_picker/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 302 matching lines @@
 
 .action-box-area.active ~ .action-box-menu {
   background-color: white;
   border: 1px solid lightgray;
   border-radius: 2px;
   display: flex;
   flex-direction: column;
   font-size: 13px;
   position: absolute;
   right: 5px;
+  width: 220px;
+}
+
+.action-box-area.active ~ .action-box-menu:not(.menu-moved-up) {
   top: 18px;
-  width: 220px;
+}
+
+.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;
 }
 
 .action-box-menu-title {
   color: #b4b4b4;
   display: flex;
@@ skipping 32 matching lines @@
 }
 
 .action-box-remove-user-warning-text {
   padding-bottom: 20px;
 }
 
 .action-box-remove-user-warning .remove-warning-button {
   width: 100%;
 }
 
+.action-box-remove-supervised-user-warning-text {
+  margin-bottom: 10px;
+}
+
 .user-type-bubble {
   background-color: white;
   border: 1px solid lightgray;
   border-radius: 2px;
   left: 5px;
   opacity: 0;
   padding: 17px;
   position: absolute;
   top: 20px;
   transition: all 100ms;
@@ skipping 183 matching lines @@
   top: 4px;
 }
 
 .pod.public-account.expanded.advanced .language-and-input-container {
   display: none;
 }
 
 .enter-button {
   font-size: 14px;
 }