From d5a2401307e8ab842a77c2fe1f9ceca3b39d8a84 Mon Sep 17 00:00:00 2001
From: Marc Jauvin <marc.jauvin@gmail.com>
Date: Thu, 17 Sep 2020 14:10:59 -0400
Subject: [PATCH] Restore multilingual button position for textarea (#603)

- restore multilingual button selector position within the textarea
- increase padding-right for textarea to not overlap with multilingual button
---
 assets/css/multilingual.css   |  5 +++--
 assets/less/multilingual.less | 13 ++++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/assets/css/multilingual.css b/assets/css/multilingual.css
index cf0b94cd..aded5b4f 100644
--- a/assets/css/multilingual.css
+++ b/assets/css/multilingual.css
@@ -3,8 +3,9 @@
 .field-multilingual .ml-btn:hover {color:#555}
 .field-multilingual.field-multilingual-text .form-control {padding-right:44px}
 .field-multilingual.field-multilingual-text .ml-btn {right:4px;top:50%;margin-top:-44px;height:88px}
-.field-multilingual.field-multilingual-textarea .ml-btn {right:11px;top:-29px;text-align:right}
-.field-multilingual.field-multilingual-textarea .ml-dropdown-menu {top:1px;right:1px}
+.field-multilingual.field-multilingual-textarea textarea {padding-right:30px}
+.field-multilingual.field-multilingual-textarea .ml-btn {right:13px;top:5px;width:24px;text-align:right;padding-left:4px}
+.field-multilingual.field-multilingual-textarea .ml-dropdown-menu {top:39px;right:1px}
 .field-multilingual.field-multilingual-richeditor .ml-btn {top:43px;right:25px;text-align:right}
 .field-multilingual.field-multilingual-richeditor .ml-dropdown-menu {top:74px;right:12px}
 .field-multilingual.field-multilingual-markdowneditor .ml-btn {top:43px;right:25px;text-align:right}
diff --git a/assets/less/multilingual.less b/assets/less/multilingual.less
index da799317..1a7e8fbe 100644
--- a/assets/less/multilingual.less
+++ b/assets/less/multilingual.less
@@ -36,14 +36,21 @@
     }
 
     &.field-multilingual-textarea {
+        textarea {
+            // increase padding on the right so that the textarea content does not overlap with the language button
+            padding-right: 30px;
+        }
+
         .ml-btn {
-            right: 11px;
-            top: -29px;
+            right: 13px;
+            top: 5px;
+            width: 24px;
             text-align: right;
+            padding-left: 4px;
         }
 
         .ml-dropdown-menu {
-            top: 1px;
+            top: 39px;
             right: 1px;
         }
     }