From bc7b747c98827d791b84aab0a20787ce7f6d2ef8 Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Mon, 22 Sep 2025 15:17:31 +0200
Subject: [PATCH] More form styles

---
 src/back/routes/admin/forms.admin-forms.css |  9 ----
 src/back/routes/admin/forms.css             | 48 ++++++++++++++-------
 2 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/src/back/routes/admin/forms.admin-forms.css b/src/back/routes/admin/forms.admin-forms.css
index 97f577f..6172e73 100644
--- a/src/back/routes/admin/forms.admin-forms.css
+++ b/src/back/routes/admin/forms.admin-forms.css
@@ -11,15 +11,6 @@
 body:not(*:has(.jdd-container)) .form-container {
 	container-type: inline-size;
 
-	label {
-		font-weight: bold;
-		font-size: 16px;
-	}
-
-	.form-input .form-input label {
-		font-weight: normal; /* for labels in checkboxed list */
-	}
-
 	.form {
 		.form-input__wrapper--file:not(.form-input__wrapper--control-type__photo) {
 			grid-row: span 2;
diff --git a/src/back/routes/admin/forms.css b/src/back/routes/admin/forms.css
index 22d4299..0f9423c 100644
--- a/src/back/routes/admin/forms.css
+++ b/src/back/routes/admin/forms.css
@@ -56,21 +56,6 @@
 	gap: 8px;
 }
 
-.form-input__wrapper--checkbox {
-	display: flex;
-	flex-flow: row nowrap;
-	align-items: center;
-
-	& > input[type="checkbox"] {
-		width: 15px;
-		height: 15px;
-
-		+ label {
-			padding-left: 10px;
-		}
-	}
-}
-
 .form-input__wrapper--multiple-files--photos {
 	ul {
 		list-style: none;
@@ -130,6 +115,24 @@
 	max-width: 1224px;
 	margin: 0 auto;
 
+	label,
+	fieldset legend {
+		font-weight: bold;
+		font-size: 16px;
+	}
+
+	& > fieldset legend {
+		padding: 0 8px;
+	}
+
+	.form-input .form-input label {
+		font-weight: normal; /* for labels in checkboxed list */
+	}
+
+	fieldset {
+		border-radius: 4px;
+	}
+
 	.form-messages {
 		grid-column: span var(--column-count);
 		position: sticky;
@@ -215,6 +218,21 @@
 		}
 	}
 
+	.form-input__wrapper--checkbox {
+		display: flex;
+		flex-flow: row nowrap;
+		align-items: center;
+
+		& > input[type="checkbox"] {
+			width: 15px;
+			height: 15px;
+
+			+ label {
+				padding-left: 10px;
+			}
+		}
+	}
+
 	.file_preview__icon {
 		display: flex;
 		flex-flow: row;