[css] add a margin on the button "delete entry" in collection

This commit is contained in:
Julien Fastré 2019-12-20 11:48:04 +01:00
parent 0ade3b9f4e
commit 323cc860d7
3 changed files with 6 additions and 1 deletions

View File

@ -100,3 +100,4 @@ Branch CRUD-Init
- css: render the placeholder in expanded choice item as italic (the "no specified" choice") - css: render the placeholder in expanded choice item as italic (the "no specified" choice")
- css: add an extra space around choices expanded widget - css: add an extra space around choices expanded widget
- add Tabs parametric feature to easily render tabs panels - add Tabs parametric feature to easily render tabs panels
- css: add a margin on the button "delete entry" in collection

View File

@ -13,6 +13,10 @@ div.chill-collection {
li.chill-collection__list__entry:nth-last-child(1n+2) { li.chill-collection__list__entry:nth-last-child(1n+2) {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
button.chill-collection__list__remove-entry {
margin-left: 0.5rem;
}
} }
button.chill-collection__button--add { button.chill-collection__button--add {

View File

@ -76,7 +76,7 @@ var initializeRemove = function(collection, entry) {
return; return;
} }
button.classList.add('sc-button', 'bt-delete'); button.classList.add('sc-button', 'bt-delete', 'chill-collection__list__remove-entry');
button.textContent = content; button.textContent = content;
button.addEventListener('click', function(e) { button.addEventListener('click', function(e) {