From c90da6a7dde378e61c9ea0728baf149e4eb1a85d Mon Sep 17 00:00:00 2001
From: Carl Pearson <srht@carlpearson.net>
Date: Thu, 23 Jan 2025 06:02:13 -0700
Subject: [PATCH] separate download buttons

---
 static/style/download.css | 9 +--------
 templates/download.html   | 9 +++------
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/static/style/download.css b/static/style/download.css
index a70722c..b5f418d 100644
--- a/static/style/download.css
+++ b/static/style/download.css
@@ -17,20 +17,13 @@ input[type="url"] {
     box-sizing: border-box;
 }
 
-.radio-group {
+.button-group {
     display: flex;
     gap: 10px;
     /* align-items: center; */
     justify-content: center;
 }
 
-.radio-group label {
-    display: flex;
-    align-items: center;
-    gap: 5px;
-    cursor: pointer;
-}
-
 button {
     background-color: #007bff;
     color: white;
diff --git a/templates/download.html b/templates/download.html
index 3be647c..371148b 100644
--- a/templates/download.html
+++ b/templates/download.html
@@ -16,13 +16,10 @@
     <h1>Download Video</h1>
     <form method="POST">
         <input type="url" name="url" placeholder="Video URL" required>
-        <div class="radio-group">
-            <input type="radio" id="audio-video" name="color" value="audio-video" checked>
-            <label for="audio-video">Audio/Video</label>
-            <input type="radio" id="audio-video" name="color" value="audio">
-            <label for="audio">Audio Only</label>
+        <div class="button-group">
+            <button type="submit" name="color" value="audio-video">Download Video</button>
+            <button type="submit" name="color" value="audio">Download Audio</button>
         </div>
-        <button type="submit">Download</button>
     </form>
     {{template "footer" .}}
 </body>