From 31e937e6b754036438d13730a937a367aa981177 Mon Sep 17 00:00:00 2001
From: Christopher Grebs <cg@webshox.org>
Date: Fri, 13 Jan 2017 17:52:37 +0100
Subject: [PATCH] Fix styles on RTL languages.

Fixes #4243
---
 .../new-landing/sections/my-addons.less       | 32 ++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/static/css/devhub/new-landing/sections/my-addons.less b/static/css/devhub/new-landing/sections/my-addons.less
index 8c5c7d4bcf..eaf9e0bae2 100644
--- a/static/css/devhub/new-landing/sections/my-addons.less
+++ b/static/css/devhub/new-landing/sections/my-addons.less
@@ -16,16 +16,21 @@
 .DevHub-MyAddons-item-modified {
   margin-left: auto;
   align-self: flex-end;
+
+  html[dir=rtl] & {
+    margin-right: auto;
+    margin-left: 0;
+  }
 }
 
 .DevHub-MyAddons-item-details {
   margin-left: 25px;
 
   a {
-    margin-left: 5px;
     font-size: 15px;
     text-decoration: none;
     color: @color-button-default;
+    margin: 0 5px;
 
     &.DevHub-MyAddons-version-status-incomplete,
     &.DevHub-MyAddons-version-status-deleted,
@@ -61,6 +66,7 @@
   font-size: 13px;
   font-weight: 500;
   color: #fff;
+  margin: 0 5px;
 }
 
 .DevHub-MyAddons-item-channel-listed {
@@ -82,9 +88,14 @@
 }
 
 .DevHub-MyAddons-item-version-details {
+  display: flex;
   width: 320px;
 }
 
+.DevHub-MyAddons-item-version {
+  margin: 0 5px;
+}
+
 .DevHub-MyAddons-item-buttons {
   margin-top: 20px;
   display: flex;
@@ -101,6 +112,11 @@
 
 .DevHub-MyAddons-item-buttons-submit {
   margin-left: auto;
+
+  html[dir=rtl] & {
+    margin-right: auto;
+    margin-left: 0;
+  }
 }
 
 .DevHub-MyAddons-whatsnew-container {
@@ -116,6 +132,10 @@
   background-repeat: no-repeat;
   background-position: right 10px bottom 10px;
 
+  html[dir=rtl] & {
+    background-position: left 35px bottom 10px;
+  }
+
   &::before {
     content: '';
     background-image: url("../../../img/developers/new-landing/whatsnew-rocket.png");
@@ -128,6 +148,12 @@
     top: 28px;
     pointer-events: none;
 
+    html[dir=rtl] & {
+      transform: scaleX(-1);
+      left: auto;
+      right: -8px;
+    }
+
     @media @retina {
       background-image: url("../../../img/developers/new-landing/whatsnew-rocket-2x.png");
     }
@@ -139,6 +165,10 @@
 
   div:first-child {
     text-align: right;
+
+    html[dir=rtl] & {
+      text-align: left;
+    }
   }
 
   p,