Fix styles on RTL languages.

Fixes #4243

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,