User Manager: fix text blurriness and "remove" button style

chrome/browser/resources/user_manager/user_manager.css

 /* Copyright 2013 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.
  */
 
 /* Overrides for the desktop user manager screen. */
 
 .oobe-display {
   background-color: #eee;
 }
 
 #outer-container {
   min-height: 0;
 }
 
 .bubble.faded {
   opacity: 0;
 }
 
 .pod {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
   height: 226px;
+  /* On non-retina desktop, the text is blurry if we use the scale3d()
+  inherited from user_pod_row.js */
+  transform: scale(0.9);
+}
+
+podrow[ncolumns='6'] .pod {
+  transform: scale(0.8);
 }
 
 .pod.faded {
   opacity: .4;
 }
 
 .pod.hovered:not(.focused) {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  opacity: 0.9;
 }
 
 .pod.focused {
   box-shadow: 0 16px 21px rgba(0, 0, 0, 0.2);
+  transform: scale(1) !important;
 }
 
 .pod.focused.locked {
   box-shadow: 0 12px 21px rgba(0, 0, 0, 0.2);
   height: 220px;
 }
 
 .user-image-pane {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
@@ skipping 83 matching lines @@
 }
 
 .pod.focused.locked .password-entry-container {
   display: flex;
   flex: auto;
 }
 
 .action-box-area {
   background-color: #f5f5f5;
   height: 24px;
+  /* Because of crbug.com/406529, the text in the .name div is janky if there's
+  an opacity transition in this div. */
+  transition: none;
   width: 24px;
 }
 
 .action-box-button,
 .action-box-button:hover,
 .action-box-area.active .action-box-button {
   background-image: none;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #989898;
   height: 0;
   left: 6px;
   margin: 0;
   position: absolute;
   top: 9px;
   width: 0;
 }
 
 .action-box-button:hover,
 .action-box-area.active .action-box-button {
   border-top: 6px solid #4c4c4c;
 }
+
+.action-box-remove-user-warning .remove-warning-button {
+  height: 30px;
+}
+
+.action-box-remove-user-warning .remove-warning-button:focus {
+  /* Override the default blue border inherited from
+  button.custom-appearance:focus. */
+  border: 1px solid transparent !important;
+  box-shadow: inset 0 0 0 1px #fff;
+}