From af63fbb1deaee879ff178a1b65581ff9bea94b36 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Wed, 11 Mar 2026 23:23:58 -0400
Subject: [PATCH] Fix remaining [[ ]] double-bracket bugs on Templates,
 History, and sub-tab buttons

- Remove manual [ ] from sub-tab buttons (Manual Runs, Automated)
- Add CSS to suppress button::before/after pseudo-elements on .tab
  buttons and border:none inline-styled buttons so they don't get
  double-bracketed
- Prevents [[ text ]] from appearing on Templates/History/sub-tabs

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 public/index.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index f4a0641..efa93a6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -354,6 +354,9 @@
         }
         button::before { content: '[ '; }
         button::after { content: ' ]'; }
+        /* Suppress bracket pseudo-elements for tab/nav buttons and inline-styled sub-tabs */
+        button.tab::before, button.tab::after,
+        button[style*="border:none"]::before, button[style*="border:none"]::after { content: none; }
         button:hover {
             background: rgba(0, 255, 65, 0.15);
             color: var(--terminal-amber);
@@ -841,12 +844,12 @@
                     <button id="subTabManual"
                             onclick="setExecutionView('manual')"
                             style="flex:1; padding:10px 16px; background:rgba(0,255,65,0.2); border:none; border-right:2px solid var(--terminal-green); color:var(--terminal-amber); font-family:var(--font-mono); font-size:0.9em; cursor:pointer; text-shadow: 0 0 5px #ffb000;">
-                        [ 👤 Manual Runs <span id="countManual"></span>]
+                        👤 Manual Runs <span id="countManual"></span>
                     </button>
                     <button id="subTabAutomated"
                             onclick="setExecutionView('automated')"
                             style="flex:1; padding:10px 16px; background:transparent; border:none; color:var(--terminal-green); font-family:var(--font-mono); font-size:0.9em; cursor:pointer;">
-                        [ 🤖 Automated <span id="countAutomated"></span>]
+                        🤖 Automated <span id="countAutomated"></span>
                     </button>
                 </div>