From 39cce60fc0aad623f5e45e3c6b9e7af29db9cbde Mon Sep 17 00:00:00 2001
From: Arthur Lu <learthurgo@gmail.com>
Date: Thu, 12 Jan 2023 15:26:45 -0800
Subject: [PATCH] right align all disk config buttons

---
 config.html       | 2 +-
 css/form.css      | 7 +++++++
 scripts/config.js | 5 ++++-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/config.html b/config.html
index 4f1adc7..6e6d7eb 100644
--- a/config.html
+++ b/config.html
@@ -29,7 +29,7 @@
 						<label for="storage">Storage</label><select id="storage"></select>
 						<label for="size">Size(GiB)</label><input id="size" type="number" step="1" min="0" max="0" value="0">
 						<label for="size">Path</label><input id="path">
-						<div style="width: 100%; display: flex; justify-content: flex-end; align-items: center;"><img id="disk-add" src="images/actions/create.svg"></div>
+						<div class="last-item"><img id="disk-add" src="images/actions/create.svg"></div>
 					</div>
 				</fieldset>
 				<fieldset class="fieldset-no-border">
diff --git a/css/form.css b/css/form.css
index 54ab5cd..203814c 100644
--- a/css/form.css
+++ b/css/form.css
@@ -73,4 +73,11 @@ hr {
 	width: 100%;
 	border: none;
 	border-top: solid white 1px;
+}
+
+.last-item {
+	width: 100%; 
+	display: flex; 
+	justify-content: flex-end; 
+	align-items: center;
 }
\ No newline at end of file
diff --git a/scripts/config.js b/scripts/config.js
index 1b211dd..dc9dc03 100644
--- a/scripts/config.js
+++ b/scripts/config.js
@@ -131,11 +131,14 @@ function addDiskLine (fieldset, id, iconHref, labelText, valueText) {
 	value.innerText = valueText;
 	field.append(value);
 
+	let configDiv = document.createElement("div");
+	configDiv.classList.add("last-item");
 	let config = document.createElement("img");
 	config.src = "images/actions/config-active.svg";
 	config.alt = `Config disk ${labelText}`;
 	config.classList.add("clickable");
-	field.append(config);
+	configDiv.append(config);
+	field.append(configDiv);
 }
 
 async function populateAddDisk () {