From 76cfb4beb0c488d5dc0d78e7f4fb143c76c30511 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Thu, 22 May 2025 13:15:31 -0700
Subject: [PATCH] fix: enhance layout consistency in DiskSettings.page

- Updated password input fields to use flex containers for improved alignment with the show passphrase checkbox.
- This change continues the effort to enhance visual consistency across the plugin.
---
 emhttp/plugins/dynamix/DiskSettings.page | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/emhttp/plugins/dynamix/DiskSettings.page b/emhttp/plugins/dynamix/DiskSettings.page
index 6fa7b2bed..6ea29a07d 100644
--- a/emhttp/plugins/dynamix/DiskSettings.page
+++ b/emhttp/plugins/dynamix/DiskSettings.page
@@ -291,9 +291,14 @@ _(Existing encryption key)_:
 <?if (!$keyfile):?>
 <div markdown="1" id="oldtext">
 _(Enter existing passphrase)_:
-: <input type="password" name="oldtext" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false"><input name="showPass" type="checkbox" class="lock" onchange="showInput(this.checked,true)">_(show passphrase)_
+: <div class="flex flex-row items-center gap-2">
+    <input type="password" name="oldtext" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false">
+    <label for="showPass">
+      <input name="showPass" type="checkbox" class="lock" onchange="showInput(this.checked,true)">
+      _(show passphrase)_
+    </label>
+  </div>
 
-</div>
 <div markdown="1" id="oldfile" style="display:none">
 _(Select existing keyfile)_:
 : <input type="file" name="oldfile" class="lock" onchange="getFileContent(event,this.form,'olddata')">
@@ -309,7 +314,13 @@ _(Change encryption key)_:
 
 <div markdown="1" id="newtext">
 _(Type new passphrase)_:
-: <input type="password" name="newtext" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false" onkeyup="checkInput(this.form)" placeholder="_(use printable characters only)_"><input name="showPass" type="checkbox" class="lock" onchange="showInput(this.checked,false)">_(show passphrase)_
+: <div class="flex flex-row items-center gap-2">
+    <input type="password" name="newtext" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false" onkeyup="checkInput(this.form)" placeholder="_(use printable characters only)_">
+    <label for="showPass">
+      <input name="showPass" type="checkbox" class="lock" onchange="showInput(this.checked,false)">
+      _(show passphrase)_
+    </label>
+  </div>
 
 _(Retype new passphrase)_:
 : <input type="password" name="newcopy" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false" onkeyup="checkInput(this.form)">