From d38bc9d673952d54c4f3bf717748284c35c716f0 Mon Sep 17 00:00:00 2001
From: LorenzoJokhan <lorenzoluk@gmail.com>
Date: Thu, 9 Nov 2023 10:11:41 +0100
Subject: [PATCH] Wrapping div caused issues on rendering buttons when used in
 dynamic form

---
 .../includes/fields/documentuploader.html     | 72 +++++++++----------
 1 file changed, 35 insertions(+), 37 deletions(-)

diff --git a/packages/cms/lib/modules/resource-form-widgets/views/includes/fields/documentuploader.html b/packages/cms/lib/modules/resource-form-widgets/views/includes/fields/documentuploader.html
index d55235ff5..d601d5839 100644
--- a/packages/cms/lib/modules/resource-form-widgets/views/includes/fields/documentuploader.html
+++ b/packages/cms/lib/modules/resource-form-widgets/views/includes/fields/documentuploader.html
@@ -26,45 +26,43 @@
     />
 
     {% if activeResource.extraData.budgetDocuments %}
-    <div class="form-group">
-      <div class="row">
-        <div class="col-sm-6">
-          <h4>Bestand</h4>
-        </div>
-        <div class="col-sm-3">
-          <h4>Naam</h4>
-        </div>
-        <div class="col-sm-2">
-          <h4>Datum</h4>
-        </div>
-        <div class="col-sm-1"></div>
+
+    <div class="row">
+      <div class="col-sm-6">
+        <h4>Bestand</h4>
+      </div>
+      <div class="col-sm-3">
+        <h4>Naam</h4>
+      </div>
+      <div class="col-sm-2">
+        <h4>Datum</h4>
+      </div>
+      <div class="col-sm-1"></div>
+    </div>
+    {% for budgetDoc in activeResource.extraData.budgetDocuments %}
+    <div class="row filepond-uploaded-item">
+      <div class="col-sm-6">
+        <a href="{{budget.url}}" download="{{budget.name}}" target="_blank">
+          <p class="elipsize">{{budgetDoc.name}}</p>
+        </a>
+      </div>
+      <div class="col-sm-3">
+        <p>{{budgetDoc.username}}</p>
+      </div>
+      <div class="col-sm-2">
+        <p>{{budgetDoc.date | date('YYYY-MM-DD') }}</p>
       </div>
-      {% for budgetDoc in activeResource.extraData.budgetDocuments %}
-      <div class="row filepond-uploaded-item">
-        <div class="col-sm-6">
-          <a href="{{budget.url}}" download="{{budget.name}}" target="_blank">
-            <p class="elipsize">{{budgetDoc.name}}</p>
-          </a>
-        </div>
-        <div class="col-sm-3">
-          <p>{{budgetDoc.username}}</p>
-        </div>
-        <div class="col-sm-2">
-          <p>{{budgetDoc.date | date('YYYY-MM-DD') }}</p>
-        </div>
-        <div class="col-sm-1">
-          <button
-            type="button"
-            onclick="deleteBudgetDocument('{{budgetDoc.name}}','{{budgetDoc.date}}', '{{activeResource.id}}', '{{data.siteUrl}}')"
-          >
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgiPjxwYXRoIGQ9Ik0xOCA2IDYgMTgiLz48cGF0aCBkPSJtNiA2IDEyIDEyIi8+PC9zdmc+"
-            />
-          </button>
-        </div>
+      <div class="col-sm-1">
+        <button
+          type="button"
+          onclick="deleteBudgetDocument('{{budgetDoc.name}}','{{budgetDoc.date}}', '{{activeResource.id}}', '{{data.siteUrl}}')"
+        >
+          <img
+            src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgiPjxwYXRoIGQ9Ik0xOCA2IDYgMTgiLz48cGF0aCBkPSJtNiA2IDEyIDEyIi8+PC9zdmc+"
+          />
+        </button>
       </div>
-      {% endfor %} {% endif %}
-      <div></div>
     </div>
+    {% endfor %} {% endif %}
   </div>
 </div>