Css support-hack for improper webkit-padding-end behaviour.

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

Index: chrome/browser/resources/chromeos/login/oobe_screen.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_screen.css b/chrome/browser/resources/chromeos/login/oobe_screen.css
index 142ef777e179fd029580a5f72d8486fd8ff71e8b..637fe4a13259a68b4ae78d5cb582713424f9ed58 100644
--- a/chrome/browser/resources/chromeos/login/oobe_screen.css
+++ b/chrome/browser/resources/chromeos/login/oobe_screen.css
@@ -43,16 +43,21 @@
 }
 
 .step-controls {
-  -webkit-box-pack: end;
-  -webkit-padding-end: 34px;  /* Double the padding of .step */
   bottom: 21px;
   box-sizing: border-box;
-  display: -webkit-box;
+  display: flex;
   height: 28px;
+  justify-content: flex-end;
+  padding-right: 34px;  /* Double the padding of .step */
   position: absolute;
   width: 100%;
 }
 
+html[dir=rtl] .step-controls {
+  /* Hack as -webkit-padding-end doesn't catch direction. crbug.com/363836 */
+  padding-left: 34px;
+}
+
 .animation .step-controls button {
   /* Don't grey out disabled buttons during animation. */
   color: buttontext !important;