more bootstrap 5 fixes

templates/settings.html

@@ -1,20 +1,20 @@
 {% extends "base.html" %} {% block main_content %}
-	<div class="container">
-		<h3 class="offset-lg-2">{{page_title}}</h3>
+	<div class="container-fluid">
+		<h3 class="offset-2">{{page_title}}</h3>
 		<div class="row">
-			<form class="form form-inline col-xl-12" action="" method="POST">
+			<form action="" method="POST">
 				{% for field in form %}
 					{% if field.type == 'HiddenField' or field.type == 'CSRFTokenField' %}
-						{{field}}<br>
+						{{field}}
 					{% elif field.type != 'SubmitField' %}
-						<div class="form-row col-lg-12">
-						{{ field.label( class="col-lg-3 justify-content-end" ) }}
-						{{ field( class="form-control col-lg-9" ) }}
-						</div class="form-row col-lg-12">
+						<div class="input-group">
+						{{ field.label( class="input-group-text col-3 justify-content-end" ) }}
+						{{ field( class="form-control col-9" ) }}
+						</div class="">
 					{% endif %}
 				{% endfor %}
-				<div class="form-row col-lg-12">
-					{{form.submit(class="btn btn-primary offset-lg-2 col-lg-2" )}}
+				<div class="form-row col-12">
+					{{form.submit(class="btn btn-primary offset-2 col-2 mt-4" )}}
 				</div class="row">
 			</div class="form">
 		</div class="row">