diff --git a/client/styles/global.scss b/client/styles/global.scss index 9a1712e4..1228ab14 100644 --- a/client/styles/global.scss +++ b/client/styles/global.scss @@ -502,6 +502,22 @@ a { font-weight: 600; } +.minusbutton { + display: inline-block; + width: 25px; + height: 25px; + border-radius: 2px; + cursor: pointer; + background-color: red; + margin-top: 15px; + color: white; + font-size: 18px; + padding-top: 0px; + text-align: center; + margin-left: 10px; + font-weight: 600; +} + .plusbuttoncontainer { width: 51px; height: 50px; diff --git a/client/views/add/add.html b/client/views/add/add.html index ded25dd5..485b1a17 100644 --- a/client/views/add/add.html +++ b/client/views/add/add.html @@ -1,32 +1,38 @@ \ No newline at end of file + diff --git a/client/views/add/add.js b/client/views/add/add.js index b769dd3c..4e25584a 100644 --- a/client/views/add/add.js +++ b/client/views/add/add.js @@ -56,11 +56,16 @@ Template.add.events({ return false; } const buttons = row.getElementsByClassName('plusbutton'); + const minusButton = row.getElementsByClassName('minusbutton'); for (let i = 0; i < buttons.length; i++) { buttons[i].style.display = 'none'; + minusButton[i].style.display = 'inline-block'; } template.numberOfNewMods.set(template.numberOfNewMods.get() + 1); }, + 'click .minusbutton': function(event, template) { + event.currentTarget.parentElement.remove(); + }, 'click .removebutton': function (event, template) { const mod = $(event.currentTarget).data('email'); Meteor.call('removeMods', mod, template.data._id);