From 7000b534f067212c57cc7d60a5b8fe1afdf9bbbc Mon Sep 17 00:00:00 2001
From: Vincent Fretin <vincent.fretin@gmail.com>
Date: Tue, 7 Jul 2020 16:23:45 +0200
Subject: [PATCH] Fix filename overlapping the remove button in the Upload
 dialog

---
 mockup/patterns/upload/templates/preview.xml | 6 +++---
 news/1000.bugfix                             | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 news/1000.bugfix

diff --git a/mockup/patterns/upload/templates/preview.xml b/mockup/patterns/upload/templates/preview.xml
index ecac9dd7a..91e91d5f9 100644
--- a/mockup/patterns/upload/templates/preview.xml
+++ b/mockup/patterns/upload/templates/preview.xml
@@ -1,5 +1,5 @@
 <div class="row item form-inline">
-    <div class="col-md-1 action">
+    <div class="col-xs-2 action">
         <button
             type="button"
             class="btn btn-danger btn-xs remove-item"
@@ -8,7 +8,7 @@
             <span class="glyphicon glyphicon-remove"></span>
         </button>
     </div>
-    <div class="col-md-8 title">
+    <div class="col-xs-7 title">
         <div class="dz-preview">
           <div class="dz-details">
             <div class="dz-filename"><span data-dz-name></span></div>
@@ -19,7 +19,7 @@
             <span class="dz-upload" data-dz-uploadprogress></span>
         </div>
     </div>
-    <div class="col-md-3 info">
+    <div class="col-xs-3 info">
         <div class="dz-size" data-dz-size></div>
         <img data-dz-thumbnail />
     </div>
diff --git a/news/1000.bugfix b/news/1000.bugfix
new file mode 100644
index 000000000..004469547
--- /dev/null
+++ b/news/1000.bugfix
@@ -0,0 +1,4 @@
+Fix filename overlapping the remove button in the Upload dialog.
+This fixes https://github.com/plone/Products.CMFPlone/issues/2533 and
+https://github.com/plone/plonetheme.barceloneta/issues/204
+[vincentfretin]