improve form layout and styling

2022-12-20 17:02:33 -08:00
parent ab5410218d
commit aa4085f312
3 changed files with 19 additions and 4 deletions
--- 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 {