improve form layout handling

config.html

@@ -13,6 +13,10 @@
 			<form>
 				<fieldset id="user-configurable">
 					<legend>Change Configuration</legend>
+					<div class="labels-inputs">
+						<div id="labels"></div>
+						<div id="inputs"></div>
+					</div>
 					<div class="btn-group" id="form-actions">
 						<button id="cancel">CANCEL</button>
 						<button id="submit">SUBMIT</button>

css/form.css

@@ -22,4 +22,13 @@ input {
 
 button {
 	margin-top: 10px;
+}
+
+.labels-inputs {
+	display: flex;
+	column-gap: 10px;
+}
+
+.labels-inputs > div {
+	width: min-content;
 }

login.html

@@ -13,8 +13,16 @@
 			<form>
 				<fieldset>
 					<legend>Proxmox VE Login</legend>
-					<label for="username">Username: </label><input type="text" id="username" name="username"><br>
-					<label for="username">Password: </label><input type="password" id="password" name="password"><br>
+					<div class="labels-inputs">
+						<div>
+							<label for="username">Username:</label>
+							<label for="username">Password:</label>
+						</div>
+						<div>
+							<input type="text" id="username" name="username">
+							<input type="password" id="password" name="password">
+						</div>
+					</div>
 					<div class="btn-group">
 						<button id="submit">LOGIN</button>
 					</div>