diff --git a/src/web/HTMLOperation.mjs b/src/web/HTMLOperation.mjs
index 04e9b3cc..9275cc06 100755
--- a/src/web/HTMLOperation.mjs
+++ b/src/web/HTMLOperation.mjs
@@ -85,6 +85,7 @@ class HTMLOperation {
pause
not_interested
+ close
`;
diff --git a/src/web/Manager.mjs b/src/web/Manager.mjs
index e1e07dfd..a5724825 100755
--- a/src/web/Manager.mjs
+++ b/src/web/Manager.mjs
@@ -137,6 +137,7 @@ class Manager {
this.addDynamicListener(".arg[type=checkbox], .arg[type=radio], select.arg", "change", this.recipe.ingChange, this.recipe);
this.addDynamicListener(".disable-icon", "click", this.recipe.disableClick, this.recipe);
this.addDynamicListener(".breakpoint", "click", this.recipe.breakpointClick, this.recipe);
+ this.addDynamicListener(".remove", "click", this.recipe.removeClick, this.recipe);
this.addDynamicListener("#rec-list li.operation", "dblclick", this.recipe.operationDblclick, this.recipe);
this.addDynamicListener("#rec-list li.operation > div", "dblclick", this.recipe.operationChildDblclick, this.recipe);
this.addDynamicListener("#rec-list .dropdown-menu.toggle-dropdown a", "click", this.recipe.dropdownToggleClick, this.recipe);
diff --git a/src/web/waiters/RecipeWaiter.mjs b/src/web/waiters/RecipeWaiter.mjs
index f4107e66..26d62c43 100755
--- a/src/web/waiters/RecipeWaiter.mjs
+++ b/src/web/waiters/RecipeWaiter.mjs
@@ -262,6 +262,19 @@ class RecipeWaiter {
}
+ /**
+ * Handler for remove click events.
+ * Updates the icon status.
+ *
+ * @fires Manager#statechange
+ * @param {event} e
+ */
+ removeClick(e) {
+ e.target.parentNode.parentNode.remove(e)
+ this.opRemove(e);
+ }
+
+
/**
* Handler for operation doubleclick events.
* Removes the operation from the recipe and auto bakes.