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 308 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);
 }
 
 html[dir=rtl] .action-box-area.active ~ .action-box-menu {
   left: 5px;
   right: auto;
 }
 
 .action-box-menu-title {
   color: #b4b4b4;
   display: flex;
@@ skipping 235 matching lines @@
   top: 4px;
 }
 
 .pod.public-account.expanded.advanced .language-and-input-container {
   display: none;
 }
 
 .enter-button {
   font-size: 14px;
 }