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..0833edfc15392032a6ededdff7d2d7ff9c55b905 100644
--- a/chrome/browser/resources/chromeos/login/oobe_screen.css
+++ b/chrome/browser/resources/chromeos/login/oobe_screen.css
@@ -53,6 +53,11 @@
   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;