Refactor Dropzone preview structure for better container organization and added button attributes.

Author: Carlos Hernández

src/Dropzone/templates/form_theme.html.twig

@@ -10,6 +10,7 @@
                 {{- translation_domain is same as(false) ? attr.placeholder : attr.placeholder|trans({}, translation_domain) -}}
             {%- endif -%}
         </div>
+
         <div class="dropzone-preview-container" data-symfony--ux-dropzone--dropzone-target="previewContainer">
             <div class="dropzone-preview" data-symfony--ux-dropzone--dropzone-target="preview" style="display: none">
                 <div class="dropzone-preview-image" style="display: none"
@@ -19,9 +20,8 @@
                         data-symfony--ux-dropzone--dropzone-target="previewClearButton"
                         data-symfony--ux-dropzone--dropzone-filename-param="0"
                         data-action="symfony--ux-dropzone--dropzone#clear"
-                ></button>
+                 ></button>
             </div>
         </div>
-
     </div>
 {%- endblock %}

src/Dropzone/tests/Form/DropzoneTypeTest.php

@@ -43,14 +43,17 @@ public function testRenderForm()
 
         <div class="dropzone-placeholder" data-symfony--ux-dropzone--dropzone-target="placeholder"></div>
 
-        <div class="dropzone-preview" data-symfony--ux-dropzone--dropzone-target="preview" style="display: none">
-            <button class="dropzone-preview-button" type="button"
-                    data-symfony--ux-dropzone--dropzone-target="previewClearButton"></button>
-
-            <div class="dropzone-preview-image" style="display: none"
-                 data-symfony--ux-dropzone--dropzone-target="previewImage"></div>
-
-            <div data-symfony--ux-dropzone--dropzone-target="previewFilename" class="dropzone-preview-filename"></div>
+        <div class="dropzone-preview-container" data-symfony--ux-dropzone--dropzone-target="previewContainer">
+            <div class="dropzone-preview" data-symfony--ux-dropzone--dropzone-target="preview" style="display: none">
+                <div class="dropzone-preview-image" style="display: none"
+                     data-symfony--ux-dropzone--dropzone-target="previewImage"></div>
+                <div data-symfony--ux-dropzone--dropzone-target="previewFilename" class="dropzone-preview-filename"></div>
+                <button class="dropzone-preview-button" type="button"
+                        data-symfony--ux-dropzone--dropzone-target="previewClearButton"
+                        data-symfony--ux-dropzone--dropzone-filename-param="0"
+                        data-action="symfony--ux-dropzone--dropzone#clear"
+                ></button>
+            </div>
         </div>
     </div></div></div></form>
 ',