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 35 matching lines @@
   -webkit-box-pack: end;
   -webkit-padding-end: 34px;  /* Double the padding of .step */
   bottom: 21px;
   box-sizing: border-box;
   display: -webkit-box;
   height: 28px;
   position: absolute;
   width: 100%;
 }
 
+html[dir=rtl] .step-controls {

[Nikita (slow), 2014/05/08 07:37:25]

This may be as well be a bug of
display: -webkit-box

This layout is deprecated and may contain bugs.

Instead of applying this hack I encourage you to change this div layout to flex
box (display: flex).

See https://codereview.chromium.org/262653003 for example.

[merkulova, 2014/05/08 14:17:46]

Switched to flex, but it doesn't solve the problem.

+  /* Hack for cases when -webkit-padding-end doesn't catch direction. */
+  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;
 }