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

chrome/browser/resources/chromeos/login/oobe_screen.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.
  *
  * This contains common styling for all the OOBE screens.
  */
 
 .step {
   box-sizing: border-box;
   position: absolute;
@@ skipping 25 matching lines @@
 
 .step.fullscreen {
   height: 100%;
   left: 0;
   right: 0;
   top: 0;
   width: 100%;
 }
 
 .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;
 }
 
 .step.loading .step-contents,
 .step.loading .step-controls,
 .step.loading .step-extra-controls {
   visibility: hidden;
 }
@@ skipping 102 matching lines @@
 
 html[highlight=strong] #security-info a:focus,
 html[highlight=strong] #eula a:focus,
 html[highlight=strong] .step-extra-controls a:focus,
 html[highlight=strong] .menu-control:focus,
 html[highlight=strong] input[type='button']:focus,
 html[highlight=strong] button:focus {
   box-shadow: 0 0 23px rgb(77, 144, 254) !important;
 }