yrtria/theme-song-booth
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix delete-song checkbox alignment on admin request page

Browse source 
- 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.
This commit is contained in:
Troll (Hermes Agent) 2026-08-05 20:08:22 +00:00
parent 7eb72e511d
commit 96b6470c25
3 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

26
templates/admin/request.html
View file

@ -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>