From aa4085f31231fd4b1757d3499600eff51faf7146 Mon Sep 17 00:00:00 2001
From: Arthur Lu <learthurgo@gmail.com>
Date: Tue, 20 Dec 2022 17:02:33 -0800
Subject: [PATCH] improve form layout and styling

---
 config.html  |  2 ++
 css/form.css | 17 ++++++++++++++---
 login.html   |  4 +++-
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/config.html b/config.html
index c1e01b5..2c64deb 100644
--- a/config.html
+++ b/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>
diff --git a/css/form.css b/css/form.css
index 072136f..491479d 100644
--- a/css/form.css
+++ b/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 {
diff --git a/login.html b/login.html
index ec0d4f5..714a718 100644
--- a/login.html
+++ b/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>
\ No newline at end of file