Focus style for Add supervised user button

chrome/browser/resources/chromeos/login/header_bar.css

Index: chrome/browser/resources/chromeos/login/header_bar.css
diff --git a/chrome/browser/resources/chromeos/login/header_bar.css b/chrome/browser/resources/chromeos/login/header_bar.css
index cae70517097828ba2b8ddf0f83409f597f0d1272..419f441647dc6c1ba2703a51409db98caf326f33 100644
--- a/chrome/browser/resources/chromeos/login/header_bar.css
+++ b/chrome/browser/resources/chromeos/login/header_bar.css
@@ -66,7 +66,7 @@ html[screen=oobe] .login-header-bar-animate-slow {
   background-color: white;
   border: 1px solid lightgray;
   border-radius: 2px;
-  bottom: 15px;
+  bottom: 10px;
   color: black !important;

[Evan Stade, 2017/01/04 23:43:17]

side note: we try hard to avoid !important

[Greg Levin, 2017/01/05 18:25:54]

Acknowledged (no idea why this was marked important)

   display: block;
   font-size: 13px;
@@ -79,6 +79,11 @@ html[screen=oobe] .login-header-bar-animate-slow {
   width: 180px;
 }
 
+#more-settings-header-bar-item.active button.add-supervised-user-menu:focus {
+  border: 2px solid var(--google-blue-500);
+  border-radius: 2px;
+}
+
 html[dir=rtl] #more-settings-header-bar-item.active
                 button.add-supervised-user-menu {
   right: 0;

[Evan Stade, 2017/01/04 23:43:17]

I believe you could just move this rule into the non-rtl block because if both
left and right are specified, the one that wins out depends on text direction
(indeed that's why this works, as we aren't resetting left in this block).

[Greg Levin, 2017/01/05 18:25:54]

Turns out this rule was only needed because "left: 15px" was putting the RTL box
in the wrong place.  Without that line, the RTL version of the box is in the
right place by default.