From 96b6470c25fa9fcae05484b0536670dff12514d8 Mon Sep 17 00:00:00 2001
From: "Troll (Hermes Agent)" <ai@hallsworth.ca>
Date: Wed, 5 Aug 2026 20:08:22 +0000
Subject: [PATCH] Fix delete-song checkbox alignment on admin request page

- Wrapped each Version A/B row in a flex .song-row container so the
  checkbox sits inline with the label instead of floating above it.
- Added generous gaps/margins since this page is desktop-only.

Bumps version to 0.5.2.
---
 README.md                    |  2 +-
 VERSION                      |  2 +-
 templates/admin/request.html | 26 ++++++++++++++++++++++----
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 2d9be12..271c2fe 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # Theme Song Booth
 
-**Version:** `v0.5.1`
+**Version:** `v0.5.2`
 
 A Flask web application for running a convention booth where visitors request a custom AI-generated theme song. Operators manage the queue from an admin dashboard, generate Suno prompts, upload MP3 previews, collect payment, and deliver final songs by email.
 
diff --git a/VERSION b/VERSION
index 4b9fcbe..cb0c939 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-0.5.1
+0.5.2
diff --git a/templates/admin/request.html b/templates/admin/request.html
index 9467e46..5d50cf7 100644
--- a/templates/admin/request.html
+++ b/templates/admin/request.html
@@ -104,6 +104,24 @@
       margin:0;
       font-weight:400;
     }
+    .song-row{
+      display:flex;
+      align-items:flex-start;
+      gap:.75rem;
+      margin:.6rem 0;
+      padding:.4rem 0;
+    }
+    .song-row input[type="checkbox"]{
+      width:auto;
+      margin:.2rem 0 0 0;
+      flex-shrink:0;
+    }
+    .song-row label{
+      display:block;
+      margin:0;
+      font-weight:400;
+      line-height:1.4;
+    }
     .old-rev{
       font-size:.85rem;
       color:#9ca3af;
@@ -327,7 +345,7 @@
           <h2>2. Upload Songs</h2>
           <form method="POST">
             <input type="hidden" name="action" value="delete_songs">
-            <p>
+            <div class="song-row">
               <input type="checkbox" id="delete_a" name="delete_song" value="a"
                      {% if not (req.song_a_path and file_exists(req.song_a_path)) %}disabled{% endif %}>
               <label for="delete_a">Version A:
@@ -337,8 +355,8 @@
                 <span class="status-badge missing">❌ Not uploaded</span>
                 {% endif %}
               </label>
-            </p>
-            <p>
+            </div>
+            <div class="song-row">
               <input type="checkbox" id="delete_b" name="delete_song" value="b"
                      {% if not (req.song_b_path and file_exists(req.song_b_path)) %}disabled{% endif %}>
               <label for="delete_b">Version B:
@@ -348,7 +366,7 @@
                 <span class="status-badge missing">❌ Not uploaded</span>
                 {% endif %}
               </label>
-            </p>
+            </div>
             <div class="actions">
               <button type="submit" class="danger" onclick="return confirm('Delete selected song files? This will reset the request to Prompt Ready.')">Delete Selected Songs</button>
             </div>