Fix join button group alignment in WHM pages

WHM CSS causes the active/checked button in DaisyUI join groups
to shift down. Added inline display:inline-flex;align-items:stretch
to all join containers in remotes.cgi and restore.cgi.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
shuki
2026-03-04 05:00:07 +02:00
parent 749881dd5d
commit 57791ad8a2
2 changed files with 3 additions and 3 deletions

View File

@@ -525,7 +525,7 @@ sub render_remote_form {
print qq{<div class="flex items-center gap-3 mb-2.5">\n};
print qq{ <label class="w-44 font-medium text-sm">Remote Type</label>\n};
print qq{ <div class="join items-center">\n};
print qq{ <div class="join" style="display:inline-flex;align-items:stretch">\n};
print qq{ <input type="radio" name="REMOTE_TYPE" class="join-item btn btn-sm" aria-label="SSH" value="ssh" onchange="gnizaTypeChanged()"$ssh_checked>\n};
print qq{ <input type="radio" name="REMOTE_TYPE" class="join-item btn btn-sm" aria-label="Amazon S3" value="s3" onchange="gnizaTypeChanged()"$s3_checked>\n};
print qq{ <input type="radio" name="REMOTE_TYPE" class="join-item btn btn-sm" aria-label="Google Drive" value="gdrive" onchange="gnizaTypeChanged()"$gdrive_checked>\n};
@@ -560,7 +560,7 @@ sub render_remote_form {
# Auth method toggle
print qq{<div class="flex items-center gap-3 mb-2.5">\n};
print qq{ <label class="w-44 font-medium text-sm">Auth Method</label>\n};
print qq{ <div class="join items-center">\n};
print qq{ <div class="join" style="display:inline-flex;align-items:stretch">\n};
print qq{ <input type="radio" name="REMOTE_AUTH_METHOD" class="join-item btn btn-sm" aria-label="SSH Key" value="key" onchange="gnizaAuthChanged()"$key_checked>\n};
print qq{ <input type="radio" name="REMOTE_AUTH_METHOD" class="join-item btn btn-sm" aria-label="Password" value="password" onchange="gnizaAuthChanged()"$pw_checked>\n};
print qq{ </div>\n};

View File

@@ -241,7 +241,7 @@ sub handle_step2 {
# Restore mode toggle: Full Account vs Selective
print qq{<div class="flex items-center gap-3 mb-2.5">\n};
print qq{ <label class="w-44 font-medium text-sm">Restore Mode</label>\n};
print qq{ <div class="join">\n};
print qq{ <div class="join" style="display:inline-flex;align-items:stretch">\n};
print qq{ <input type="radio" name="restore_mode" class="join-item btn btn-sm" aria-label="Full Account" value="full" checked onchange="gnizaModeChanged()">\n};
print qq{ <input type="radio" name="restore_mode" class="join-item btn btn-sm" aria-label="Selective" value="selective" onchange="gnizaModeChanged()">\n};
print qq{ </div>\n};