From 8310124b404ed034f8992f07d7ddcf930bf2948f Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Tue, 21 Mar 2017 23:19:01 -0400
Subject: [PATCH] Fix padding for Localized field, which has a button

---
 css/80_app.css | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index dab8de5ae..6c60b65e3 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -1442,7 +1442,11 @@ input[type=number] {
 /* Name + translate form */
 
 .form-field .localized-main {
-    padding-right: 10%;
+    padding-right: 40px;
+}
+[dir='rtl'] .form-field .localized-main {
+    padding-left: 40px;
+    padding-right: 10px;
 }
 
 .form-field .button-input-action {
@@ -1457,6 +1461,10 @@ input[type=number] {
     height: 30px;
     vertical-align: top;
 }
+[dir='rtl'] .form-field .button-input-action {
+  margin-left: 0;
+  margin-right: -10%;
+}
 
 .form-field .localized-wrap {
     padding: 0 10px;
@@ -3655,21 +3663,11 @@ img.tile-removing {
   right: auto;
 }
 
-[dir='rtl'] .form-field .localized-main {
-  padding-left: 10%;
-  padding-right: 10px;
-}
-
 [dir='rtl'] .combobox-caret {
   margin-left: 0;
   margin-right: -30px;
 }
 
-[dir='rtl'] .form-field .button-input-action {
-  margin-left: 0;
-  margin-right: -10%;
-}
-
 [dir='rtl'] .icon.pre-text {
   margin-left: 5px;
   margin-right: 0;