Select language improved layout

Author: iMattPro

adm/style/boardrules_acp.css

@@ -1,6 +1,6 @@
 .boardrules-language-toolbar {
 	display: flex;
-	align-items: flex-end;
+	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 	margin: 14px 0;
@@ -16,7 +16,15 @@
 }
 
 .boardrules-language-picker label {
-	font-weight: bold;
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	white-space: nowrap;
+	border: 0;
 }
 
 .boardrules-language-picker select {

adm/style/boardrules_manage_rules.html

@@ -5,8 +5,9 @@ <h1>{{ lang('ACP_BOARDRULES_MANAGE') }}</h1>
 
 <form id="language_form" method="post" action="{{ U_LANGUAGE_ACTION }}">
 	<fieldset class="boardrules-language-toolbar">
+		<legend>{{ lang('ACP_BOARDRULES_SELECT_LANGUAGE') }}</legend>
 		<div class="boardrules-language-picker">
-			<label for="language">{{ lang('ACP_BOARDRULES_SELECT_LANGUAGE') ~ lang('COLON') }}</label>
+			<label for="language">{{ lang('ACP_BOARDRULES_SELECT_LANGUAGE') }}</label>
 			<select name="language" id="language">
 				{% for option in loops.language_options %}
 					<option value="{{ option.LANG_ISO }}"{% if option.S_SELECTED %} selected="selected"{% endif %}>{{ option.LANG_LOCAL_NAME }}</option>