erm

app/templates/login.html

@@ -3,20 +3,20 @@
 <h1>Sign In</h1>
 <form action="" method="post" novalidate>
     {{ form.hidden_tag() }}
-    <p>
-        {{ form.username.label }}<br>
-        {{ form.username(size=32) }}<br>
+    <div class="mb-3">
+        <label for="username" class="form-label">{{ form.username.label }}</label>
+        <input type="text" class="form-control" id="username" name="username" size="32">
         {% for error in form.username.errors %}
-        <span style="color: red;">[{{ error }}]</span>
+        <div class="invalid-feedback">{{ error }}</div>
         {% endfor %}
-    </p>
-    <p>
-        {{ form.password.label }}<br>
-        {{ form.password(size=32) }}<br>
+    </div>
+    <div class="mb-3">
+        <label for="password" class="form-label">{{ form.password.label }}</label>
+        <input type="password" class="form-control" id="password" name="password" size="32">
         {% for error in form.password.errors %}
-        <span style="color: red;">[{{ error }}]</span>
+        <div class="invalid-feedback">{{ error }}</div>
         {% endfor %}
-    </p>
-    <p>{{ form.submit() }}</p>
+    </div>
+    <button type="submit" class="btn btn-primary">{{ form.submit.label }}</button>
 </form>
 {% endblock %}