diff --git a/src/web/Manager.mjs b/src/web/Manager.mjs
index 602a3ec7..01726be0 100755
--- a/src/web/Manager.mjs
+++ b/src/web/Manager.mjs
@@ -147,7 +147,7 @@ class Manager {
this.addMultiEventListener("#input-text", "keyup", this.input.debounceInputChange, this.input);
this.addMultiEventListener("#input-text", "paste", this.input.inputPaste, this.input);
document.getElementById("reset-layout").addEventListener("click", this.app.resetLayout.bind(this.app));
- document.getElementById("clr-io").addEventListener("click", this.input.clearAllIoClick.bind(this.input));
+ this.addListeners("#clr-io,#btn-close-all-tabs", "click", this.input.clearAllIoClick, this.input);
this.addListeners("#open-file,#open-folder", "change", this.input.inputOpen, this.input);
this.addListeners("#input-text,#input-file", "dragover", this.input.inputDragover, this.input);
this.addListeners("#input-text,#input-file", "dragleave", this.input.inputDragleave, this.input);
diff --git a/src/web/html/index.html b/src/web/html/index.html
index bf2a4bef..a262356b 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -254,6 +254,9 @@
Find tab
+
+ Close all tabs
+
>
diff --git a/src/web/stylesheets/layout/_io.css b/src/web/stylesheets/layout/_io.css
index a26c09bb..ced5d4f0 100755
--- a/src/web/stylesheets/layout/_io.css
+++ b/src/web/stylesheets/layout/_io.css
@@ -118,6 +118,10 @@
float: left;
}
+#btn-close-all-tabs {
+ color: var(--breakpoint-font-colour) !important;
+}
+
.input-tab-content,
.output-tab-content {
width: 100%;