fix: Alignment w/ Django 4.2+ admin style (#1453)

* Fix #1377

* Fix: styles for django 4.2+ admin

* Fix: Unintended scroll when clearing file widget

* Fix linting errors.

Author: fsbraun

filer/private/sass/components/_base.scss

@@ -96,6 +96,10 @@ body {
     }
 }
 
+.filer-widget {
+    width: 100%;
+}
+
 .field-file,
 .field-sha1 {
     word-wrap: break-word;

filer/static/filer/css/admin_filer.css

@@ -9,7 +9,7 @@ if (django.jQuery) {
 }
 
 djQuery(function ($) {
-    var filer_clear = function () {
+    var filer_clear = function (ev) {
         var clearer = $(this);
         var container = clearer.closest('.filerFile');
         var input = container.find(':input');
@@ -20,6 +20,7 @@ djQuery(function ($) {
         var dropzoneMessage = container.siblings('.dz-message');
         var hiddenClass = 'hidden';
 
+        ev.preventDefault();
         clearer.addClass(hiddenClass);
         input.val('');
         thumbnail.addClass(hiddenClass);

filer/static/filer/css/maps/admin_filer.css.map

@@ -1,6 +1,7 @@
 {% load i18n filer_admin_tags static %}
 
 {% spaceless %}
+<div class="filer-widget">
     <div class="clearfix"></div>
 
     <div class="dz-preview dz-file-preview hidden js-filer-dropzone-template">
@@ -67,4 +68,5 @@
             </script>
         </span>
     </div>
+</div>
 {% endspaceless %}