From 0c3cdb2ca6ad330f925fda0696650c67834ca851 Mon Sep 17 00:00:00 2001
From: Arthur Lu <learthurgo@gmail.com>
Date: Tue, 10 Jan 2023 16:01:13 -0800
Subject: [PATCH] add disk mini form

---
 config.html  |  9 ++++++++-
 css/form.css | 16 ++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/config.html b/config.html
index 94df7d3..6dea344 100644
--- a/config.html
+++ b/config.html
@@ -22,7 +22,14 @@
 				<fieldset>
 					<legend>Disks</legend>
 					<div class="input-grid" id="disks" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
-					<div style="width:100%; text-align: center; margin-top: 10px;"><img id="disk-add" src="images/actions/create.svg"></div>
+					<hr>
+					<div class="input-grid" id="add-disk" style="grid-template-columns: repeat(8, auto) 1fr;">
+						<label for="bus">Bus</label><select id="bus"></select>
+						<label for="device">Device</label><input id="device" type="number" step="1" min="0" max="0" value="0">
+						<label for="storage">Storage</label><select id="storage"></select>
+						<label for="size">Size</label><input id="size" type="number" step="1" min="0" max="0" value="0">
+						<img id="disk-add" src="images/actions/create.svg">
+					</div>
 				</fieldset>
 				<fieldset class="fieldset-no-border">
 					<div class="btn-group" id="form-actions">
diff --git a/css/form.css b/css/form.css
index 4dae185..c6cada9 100644
--- a/css/form.css
+++ b/css/form.css
@@ -26,6 +26,12 @@ input {
 	border: solid white 1px;
 }
 
+select {
+	border: solid white 1px;
+	background-color: black;
+	color: white;
+}
+
 button {
 	margin-top: 0px;
 }
@@ -45,4 +51,14 @@ legend {
 
 form img {
 	width: 16px;
+}
+
+form > * {
+	margin-top: 10px;
+}
+
+hr {
+	width: 100%;
+	border: none;
+	border-top: solid white 1px;
 }
\ No newline at end of file