ChromeOS OOBE: Fix keyboard focusing of OOBE buttons.

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

Index: chrome/browser/resources/chromeos/login/oobe_text_button.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_text_button.css b/chrome/browser/resources/chromeos/login/oobe_text_button.css
index 3b302415e7e498709f15eec033dd4064d42704cf..4febed4f062ea45096dff8cce210597ffacc6116 100644
--- a/chrome/browser/resources/chromeos/login/oobe_text_button.css
+++ b/chrome/browser/resources/chromeos/login/oobe_text_button.css
@@ -3,17 +3,35 @@
    found in the LICENSE file. */
 
 #textButton {
-  height: 28px;
+  --paper-button-flat-keyboard-focus: {
+    border-color: rgba(66, 133, 244, 0.4); /* #4284f4 */

[michaelpg, 2016/11/14 21:28:16]

simplify all these into one border property and one border-radius property

[Alexander Alekseev, 2016/11/14 22:19:04]

This doesn't work. It looks like shortcut properties are not supported in
mixins.
(Or may be in this mixin only, I don't know.)

+    border-radius: 2px;
+    border-style: solid;
+    border-width: 2px;
+  };
+  height: 32px; /* = 28px + 2 * 2px border */
   margin: 0;
+  padding: 0;
+}
+
+#textButton:not([focused]) {
+  border-color: transparent;
+  border-radius: 2px;
+  border-style: solid;
+  border-width: 2px;
+}
+
+#container {
+  border-radius: 2px;
   padding: 0 16px;
 }
 
-#textButton:not([inverse]):not([disabled]) {
+#textButton:not([inverse]):not([disabled]) #container {
   background-color: white
   color: var(--google-blue-500);
 }
 
-#textButton[inverse]:not([disabled]) {
+#textButton[inverse]:not([disabled]) #container {
   background-color: var(--google-blue-500);
   color: white;
 }