From b61abd3a2958d7a57bba84a536aa795a669c7017 Mon Sep 17 00:00:00 2001
From: Kingston-SCYD <odscheidel@gmail.com>
Date: Fri, 5 Jun 2026 17:08:16 -0500
Subject: [PATCH] Move lock to left side, use lock emoji rendered white

---
 ttstoy/webui/templates/dashboard.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ttstoy/webui/templates/dashboard.html b/ttstoy/webui/templates/dashboard.html
index 4086604..7c3c6da 100644
--- a/ttstoy/webui/templates/dashboard.html
+++ b/ttstoy/webui/templates/dashboard.html
@@ -112,9 +112,9 @@
   </div>
   <div style="display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap;">
     <div style="display:inline-flex;">
-      <button class="btn btn-primary" id="vc-btn" onclick="submitTTS()" disabled style="opacity:0.5;border-top-right-radius:0;border-bottom-right-radius:0;">
+      <button id="vc-lock-btn" onclick="toggleVcLock()" style="border:none;background:#e67e22;color:#fff;padding:0.4rem 0.6rem;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:0.85rem;display:inline-flex;align-items:center;filter:grayscale(1) brightness(10);" title="Click to unlock">&#x1F512;</button><button class="btn btn-primary" id="vc-btn" onclick="submitTTS()" disabled style="opacity:0.5;border-top-left-radius:0;border-bottom-left-radius:0;">
         <span id="spinner" class="spin" style="display:none;"></span> Speak in VC
-      </button><button id="vc-lock-btn" onclick="toggleVcLock()" style="border:none;background:#e67e22;color:#fff;padding:0.4rem 0.6rem;cursor:pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;font-size:0.85rem;display:inline-flex;align-items:center;" title="Click to unlock">&#9906;</button>
+      </button>
     </div>
     <button class="btn btn-secondary" id="gen-only-btn" onclick="generateOnly()" style="display:none;">
       <span id="gen-spinner" class="spin" style="display:none;"></span> Generate Only
@@ -369,12 +369,12 @@ function toggleVcLock() {
   if (btn.disabled) {
     btn.disabled = false;
     btn.style.opacity = '1';
-    lock.innerHTML = '&#9907;';
+    lock.innerHTML = '\u{1F513}';
     lock.title = 'Click to lock';
   } else {
     btn.disabled = true;
     btn.style.opacity = '0.5';
-    lock.innerHTML = '&#9906;';
+    lock.innerHTML = '\u{1F512}';
     lock.title = 'Click to unlock';
   }
 }