Ticket #4528 - Uploaders: Layout issue when more then one uploader is used.

template/css/uploaders.css

@@ -96,7 +96,7 @@
 }
 .filepond{
     min-height: 76px;
-    margin-bottom: 0px !important;
+    margin-bottom: 0.5rem !important;
 }
 .bx-uploader-html5-drop-area.filepond .dz-message {
     margin:3.5em 0;

template/form_field_uploader.html

@@ -1,4 +1,4 @@
-<div class="bx-form-input-files-uploaders bx-def-margin-sec-neg">
+<div class="bx-form-input-files-uploaders -m-2">
     __uploaders_buttons__
     <div class="bx-clear"></div>
 </div>

template/uploader_button_html5.html

@@ -1,4 +1,4 @@
 <!--<a __attrs__ href="javascript:void(0);" class="bx-btn bx-def-margin-sec-right __btn_class__">__button_title__</a>-->
-<div id="__div_id__" class="filepond bx-uploader-html5-drop-area bx-def-margin-sec border-2 border-gray-300 dark:border-gray-700 text-gray-700 dark:text-gray-300 bg-gray-50 dark:bg-gray-900/50 border-dashed rounded-lg"></div>
+<div id="__div_id__" class="filepond bx-uploader-html5-drop-area m-2 border-2 border-gray-300 dark:border-gray-700 text-gray-700 dark:text-gray-300 bg-gray-50 dark:bg-gray-900/50 border-dashed rounded-lg"></div>
 <input type="text" id="__focus_div_id__" class="bx-uploader-html5-paste-catcher" tabindex="1" />
 <div id="__errors_container_id__" class="bx-uploader-html5-errors-area bx-def-font-small"></div>