improve form layout and styling

config.html

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

css/form.css

@@ -3,10 +3,21 @@
 	justify-content: center;
 }
 
+form > :first-child {
+	border: solid white 1px;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+}
+
+form > :last-child {
+	border: solid white 1px;
+	border-bottom-left-radius: 10px;
+	border-bottom-right-radius: 10px;
+}
+
 fieldset {
 	border: solid white 1px;
-	border-radius: 5px;
-	width: fit-content;
+	padding: 10px;
 }
 
 input, label, legend {
@@ -21,7 +32,7 @@ input {
 }
 
 button {
-	margin-top: 10px;
+	margin-top: 0px;
 }
 
 .labels-inputs {

login.html

@@ -19,12 +19,14 @@
 						<label for="username">Password:</label>
 						<input type="password" id="password" name="password">
 					</div>
+				</fieldset>
+				<fieldset>
 					<div class="btn-group">
 						<button id="submit">LOGIN</button>
 					</div>
 				</fieldset>
-				<p id="status"></p>
 			</form>
+			<p id="status"></p>
 		</div>
 	</body>
 </html>