From a736c3019e04e50d8ba5941e108676e2d24c41df Mon Sep 17 00:00:00 2001
From: Arthur Lu <alu@tronnet.net>
Date: Tue, 31 Oct 2023 18:13:40 +0000
Subject: [PATCH] add password form to account, fix form input grid styling

---
 account.html | 14 ++++++++++++++
 css/form.css |  5 ++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/account.html b/account.html
index a9a37df..ba7ce45 100644
--- a/account.html
+++ b/account.html
@@ -9,6 +9,7 @@
 		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 		<link rel="stylesheet" href="css/style.css">
 		<link rel="stylesheet" href="css/nav.css">
+		<link rel="stylesheet" href="css/form.css">
 		<script src="scripts/account.js" type="module"></script>
 		<script src="scripts/chart.js" type="module"></script>
 		<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
@@ -62,6 +63,19 @@
 					<p id="vmid">VMID Range:</p>
 					<p id="nodes">Nodes:</p>
 				</div>
+				<div class="w3-card w3-padding">
+					<h3>Password</h3>
+					<form id="password-form">
+						<div class="input-grid" style="grid-template-columns: auto auto 1fr;">
+							<label for="new-password">New Password</label>
+							<input class="w3-input w3-border" type="password" id="new-password">
+							<span></span>
+							<label for="confirm-password">Confirm Password</label>
+							<input class="w3-input w3-border" type="password" id="confirm-password">
+							<span></span>
+						</div>
+					</form>
+				</div>
 				<div class="w3-card w3-padding">
 					<h3>Cluster Resources</h3>
 					<div id="resource-container"></div>
diff --git a/css/form.css b/css/form.css
index 57f7861..cd1422f 100644
--- a/css/form.css
+++ b/css/form.css
@@ -1,5 +1,4 @@
 .input-grid {
-	float: left;
 	display: grid;
 	column-gap: 10px;
 	row-gap: 5px;
@@ -34,6 +33,10 @@ fieldset > *:last-child {
 	margin-bottom: 8px;
 }
 
+fieldset > .input-grid {
+	float: left;
+}
+
 body:not(:-moz-handler-blocked) fieldset {
 	display: table-cell;
 }