Compile multilingual.less

assets/css/multilingual.css

@@ -1,26 +1,11 @@
 .field-multilingual{position:relative}
-.field-multilingual .ml-btn{background:transparent;position:absolute;color:#7b7b7b;text-transform:uppercase;font-size:11px;letter-spacing:1px;width:44px;padding-right:0;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;z-index:2}
+.field-multilingual .ml-btn{z-index:2;position:absolute;top:1px;right:1px;height:calc(98%);max-height:38px;width:auto;max-width:44px;color:#7b7b7b;background-color:#F8F6F3;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:0 !important;padding:0 12px;border-top-left-radius:0;border-bottom-left-radius:0;transition:color 420ms ease}
 .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 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}
-.field-multilingual.field-multilingual-markdowneditor .ml-dropdown-menu{top:74px !important;right:12px}
-.field-multilingual.field-multilingual-repeater .ml-btn,
-.field-multilingual.field-multilingual-nestedform .ml-btn{top:-27px;right:11px;text-align:right}
+.field-multilingual textarea + .ml-btn{border-bottom-right-radius:0;border-bottom-left-radius:.375rem}
+.field-multilingual.field-multilingual-repeater .ml-btn{top:5px;height:auto;transform:translateY(-100%);border-radius:.375rem}
+.field-multilingual.field-multilingual-textarea .ml-dropdown-menu{top:28px;right:1px}
+.field-multilingual.field-multilingual-richeditor .ml-dropdown-menu{top:74px;right:1px}
+.field-multilingual.field-multilingual-markdowneditor .ml-dropdown-menu{top:74px;right:1px}
 .field-multilingual.field-multilingual-repeater .ml-dropdown-menu,
-.field-multilingual.field-multilingual-nestedform .ml-dropdown-menu{top:0;right:0}
-.field-multilingual.field-multilingual-repeater.is-empty,
-.field-multilingual.field-multilingual-nestedform.is-empty{padding-top:5px}
-.field-multilingual.field-multilingual-repeater.is-empty .ml-btn,
-.field-multilingual.field-multilingual-nestedform.is-empty .ml-btn{top:-10px;right:5px;text-align:right}
-.field-multilingual.field-multilingual-repeater.is-empty .ml-dropdown-menu,
-.field-multilingual.field-multilingual-nestedform.is-empty .ml-dropdown-menu{top:15px;right:-7px}
-.fancy-layout .form-tabless-fields .field-multilingual .ml-btn{color:rgba(255,255,255,0.8)}
-.fancy-layout .form-tabless-fields .field-multilingual .ml-btn:hover{color:#fff}
-.fancy-layout .field-multilingual-text input.form-control{padding-right:44px}
-.help-block.before-field + .field-multilingual.field-multilingual-textarea .ml-btn{top:-41px}
+.field-multilingual.field-multilingual-nestedform .ml-dropdown-menu{top:2px;right:0}
+.fancy-layout .form-tabless-fields .field-multilingual .ml-btn{background-color:rgba(248,246,243,0.75)}