Complete the style of the profile dialog

web/static/numerus.css

@@ -189,6 +189,7 @@ p, h1, h2, h3, h4, h5, h6 {
 }
 
 input[type="submit"], button {
+	min-width: 34rem;
 	background-color: var(--numerus--color--white);
 	border: 2px solid var(--numerus--color--black);
 	text-transform: uppercase;
@@ -279,6 +280,52 @@ input[type="text"], input[type="password"], input[type="email"], select {
 	transition: 0.2s;
 }
 
+fieldset {
+	border: none;
+	padding: 2rem 0 0;
+	margin-top: 3rem;
+	border-top: 1px solid var(--numerus--color--light-gray);
+}
+
+legend {
+	float: left;
+	font-style: italic;
+	margin-bottom: 3rem;
+	width: 100%;
+}
+
+legend + * {
+	clear: both;
+}
+
+fieldset {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.full-width {
+	gap: 2rem;
+}
+
+.full-width legend {
+	margin-bottom: initial;
+}
+
+
+.full-width .input {
+	flex: 1;
+}
+
+.full-width input {
+	width: 100%;
+}
+
+.dialog-content {
+	max-width: 120rem;
+	margin: 0 auto;
+}
+
 /* Profile Menu */
 
 #profilemenu {

web/template/profile.html

@@ -1,7 +1,8 @@
 {{ define "content" }}
+			<section class="dialog-content">
 				<h2>{{(pgettext "User Settings" "title")}}</h2>
 				<form method="POST" action="/profile">
-				<fieldset>
+					<fieldset class="full-width">
 						<legend>{{( pgettext "User Access Data" "title" )}}</legend>
 
 						<div class="input">
@@ -14,7 +15,7 @@
 							<label for="email">{{( pgettext "Email" "input" )}}</label>
 						</div>
 					</fieldset>
-				<fieldset>
+					<fieldset class="full-width">
 						<legend>{{( pgettext "Password Change" "title" )}}</legend>
 
 						<div class="input">
@@ -28,13 +29,18 @@
 						</div>
 					</fieldset>
 
-				<label for="language">{{( pgettext "Language" "input" )}}</label>
-				<select id="language" name="language">
+					<fieldset>
+						<legend id="language-legend">{{( pgettext "Language" "input" )}}</legend>
+
+						<select id="language" name="language" aria-labelledby="language-legend">
 							<option value="und">{{( pgettext "Automatic" "language option" )}}</option>
 							{{- range $language := .Languages }}
 							<option value="{{ .Tag }}" {{ if eq .Tag $.Language }}selected="selected"{{ end }}>{{ .Name }}</option>
 							{{- end }}
 						</select>
+
 						<button type="submit">{{( pgettext "Save changes" "action" )}}</button>
+					</fieldset>
 				</form>
+			</section>
 {{- end }}