[TASK] Improve file overwriting dialog of the filelist module

- Remove grey background box
- Move buttons on the same row
- Better position for alternatively actions
- Some margins for better positions

Resolves: #82838
Releases: master, 8.7
Change-Id: I2fc1323d8c9acdfbb2b99b3af36e10bd5ea8a7f6
Reviewed-on: https://review.typo3.org/55199


Reviewed-by: Mathias Schreiber <mathias.schreiber@typo3.com>
Tested-by: Mathias Schreiber <mathias.schreiber@typo3.com>
Tested-by: TYPO3com <no-reply@typo3.com>
Reviewed-by: Reiner Teubner <rteubner@me.com>
Tested-by: Reiner Teubner <rteubner@me.com>
Reviewed-by: Susanne Moog <susanne.moog@typo3.org>
Tested-by: Susanne Moog <susanne.moog@typo3.org>

Build/Resources/Public/Sass/component/_modal.scss

@@ -275,3 +275,19 @@ $modal-danger-border: $btn-danger-border;
         border-top: 1px solid #000;
     }
 }
+
+//
+// T3JS-Modal
+//
+.t3js-modal-footer {
+    .form-inline {
+        display: block;
+        margin: 1em 0;
+        width: 100%;
+    }
+
+    label {
+        margin-right: 10px;
+    }
+}
+

typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js

@@ -304,7 +304,7 @@ define(['jquery',
       }
       var $modalContent = $('<div/>').append(
         $('<p/>').text(TYPO3.lang['file_upload.existingfiles.description']),
-        $('<table/>', {class: 'table table-striped'}).append(
+        $('<table/>').append(
           $('<tr />').append(
             $('<th/>'),
             $('<th/>').text(TYPO3.lang['file_upload.header.originalFile']),
@@ -358,7 +358,7 @@ define(['jquery',
       $modal.find('.modal-dialog').addClass('modal-lg');
 
       $modal.find('.modal-footer').prepend(
-        $('<span/>').addClass('form-inline pull-left').append(
+        $('<span/>').addClass('form-inline').append(
           $('<label/>').text(TYPO3.lang['file_upload.actions.all.label']),
           $('<select/>', {class: 'form-control t3js-actions-all'}).append(
             $('<option/>').val('').text(TYPO3.lang['file_upload.actions.all.empty']),