From 77759ee2cc73cd03c557f904fad72f38d5f7d9cd Mon Sep 17 00:00:00 2001
From: Kingston-SCYD <odscheidel@gmail.com>
Date: Fri, 5 Jun 2026 17:01:18 -0500
Subject: [PATCH] Align checkbox with buttons, move status below, add download
 button

---
 ttstoy/webui/templates/dashboard.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/ttstoy/webui/templates/dashboard.html b/ttstoy/webui/templates/dashboard.html
index 0e3f412..4796c85 100644
--- a/ttstoy/webui/templates/dashboard.html
+++ b/ttstoy/webui/templates/dashboard.html
@@ -117,13 +117,14 @@
     <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
     </button>
-    <label style="display:inline-flex;align-items:center;gap:0.3rem;margin-left:0.75rem;cursor:pointer;">
+    <label style="display:inline-flex;align-items:center;gap:0.3rem;cursor:pointer;">
       <input type="checkbox" id="post-to-discord" checked> <span class="muted" style="font-size:0.85rem;">Post to Discord</span>
     </label>
-    <span id="tts-status" class="muted"></span>
   </div>
-  <div id="tts-result" style="margin-top:0.75rem;display:none;">
-    <audio id="tts-audio" controls></audio>
+  <div id="tts-status" class="muted" style="margin-top:0.5rem;"></div>
+  <div id="tts-result" style="margin-top:0.75rem;display:none;align-items:center;gap:0.75rem;">
+    <audio id="tts-audio" controls style="flex:1;"></audio>
+    <a id="tts-download" class="btn btn-secondary" href="#" download="ttstoy.mp3" style="font-size:0.85rem;padding:0.4rem 0.75rem;">Download</a>
   </div>
 </div>
 
@@ -304,7 +305,8 @@ async function submitTTS() {
       spinner.style.display = 'none';
       status.textContent = 'Playing in VC — posted to Discord channel.';
       document.getElementById('tts-audio').src = `/api/tts/${job_id}/audio`;
-      result.style.display = 'block';
+      document.getElementById('tts-download').href = `/api/tts/${job_id}/audio`;
+      result.style.display = 'flex';
     } else if (job.status === 'error') {
       clearInterval(poll);
       spinner.style.display = 'none';
@@ -336,7 +338,8 @@ async function generateOnly() {
       spinner.style.display = 'none';
       status.textContent = post_to_discord ? 'Audio ready — posted to Discord channel.' : 'Audio ready.';
       document.getElementById('tts-audio').src = `/api/tts/${job_id}/audio`;
-      result.style.display = 'block';
+      document.getElementById('tts-download').href = `/api/tts/${job_id}/audio`;
+      result.style.display = 'flex';
     } else if (job.status === 'error') {
       clearInterval(poll);
       spinner.style.display = 'none';