Add close all tabs button to input tab dropdown

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);

src/web/html/index.html

@@ -254,6 +254,9 @@
                                 <a id="btn-find-input-tab" class="dropdown-item">
                                     Find tab
                                 </a>
+                                <a id="btn-close-all-tabs" class="dropdown-item">
+                                    Close all tabs
+                                </a>
                             </div>
                             <span id="btn-next-input-tab" class="input-tab-buttons">
                                 &gt;

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%;