From 323cc860d7deb34c1bc1a7ff67864fcb1b4ad8e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Fri, 20 Dec 2019 11:48:04 +0100
Subject: [PATCH] [css] add a margin on the button "delete entry" in collection

---
 CHANGELOG.md                                   | 1 +
 Resources/public/js/collection/collection.scss | 4 ++++
 Resources/public/js/collection/collections.js  | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e405a2b50..184345281 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -100,3 +100,4 @@ Branch CRUD-Init
 - css: render the placeholder in expanded choice item as italic (the "no specified" choice")
 - css: add an extra space around choices expanded widget
 - add Tabs parametric feature to easily render tabs panels
+- css: add a margin on the button "delete entry" in collection
diff --git a/Resources/public/js/collection/collection.scss b/Resources/public/js/collection/collection.scss
index 13fc4a528..ba2f9ce9e 100644
--- a/Resources/public/js/collection/collection.scss
+++ b/Resources/public/js/collection/collection.scss
@@ -13,6 +13,10 @@ div.chill-collection {
         li.chill-collection__list__entry:nth-last-child(1n+2) {
             margin-bottom: 1rem;
         }
+        
+        button.chill-collection__list__remove-entry {
+            margin-left: 0.5rem;
+        }
     }
     
     button.chill-collection__button--add {
diff --git a/Resources/public/js/collection/collections.js b/Resources/public/js/collection/collections.js
index 60b34fb17..e8e697058 100644
--- a/Resources/public/js/collection/collections.js
+++ b/Resources/public/js/collection/collections.js
@@ -76,7 +76,7 @@ var initializeRemove = function(collection, entry) {
         return;
     }
     
-    button.classList.add('sc-button', 'bt-delete');
+    button.classList.add('sc-button', 'bt-delete', 'chill-collection__list__remove-entry');
     button.textContent = content;
     
     button.addEventListener('click', function(e) {