User Manager MD User Pods

chrome/browser/resources/md_user_manager/control_bar.css

 /* Copyright 2016 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. */
 
-#login-header-bar {
+:host {
   bottom: 0;
   left: 0;
+  position: absolute;
+  right: 0;
+  z-index: 1;

[Dan Beam, 2016/04/07 18:35:00]

why do you need this?

[Moe, 2016/04/07 22:48:55]

'#outer-container' which is an absolutely positioned sibling of 'control-bar'
has a z-index of 1 and therefore partially covers the border shadow of
'control-bar'. One way to fix is was to give 'control-bar' the same z-index. A
better option is probably to override the z-index of '#outer-container' to
'initial' instead.

PS. I moved this rule to the user_manager_styles.html.

+};
+
+#login-header-bar {
   min-height: 32px;
   padding-bottom: 12px;
   padding-top: 12px;
-  position: absolute;
-  right: 0;
 }
 
 paper-button {
   border-radius: 2px;
   line-height: 32px;
   min-width: 52px;
   padding: 0 16px;
 }
 
 #addUser {
   -webkit-margin-end: 16px;
 }
 
 #logo {
   content: -webkit-image-set(
       url(../../../app/theme/default_100_percent/%DISTRIBUTION%/product_logo_name_48.png) 1x,
       url(../../../app/theme/default_200_percent/%DISTRIBUTION%/product_logo_name_48.png) 2x);
   height: 18px;
   left: 24px;
   position: absolute;
   top: 19px;
 }
 
 :host-context([dir='rtl']) #logo {
   left: auto;
   right: 24px;
 }