erm

app/templates/wpa.html

@@ -3,14 +3,17 @@
 <h1>Password</h1>
 <form action="" method="post" novalidate>
     {{ form.hidden_tag() }}
-    <p>
-        {{ form.password.label }}<br>
-        {{ form.password(size=32) }}<br>
+    <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.remember() }} {{ form.remember.label }}</p>
-    <p>{{ form.submit() }}</p>
+    </div>
+    <div class="mb-3 form-check">
+        <input type="checkbox" class="form-check-input" id="remember" name="remember">
+        <label class="form-check-label" for="remember">{{ form.remember.label }}</label>
+    </div>
+    <button type="submit" class="btn btn-primary">{{ form.submit.label }}</button>
 </form>
 {% endblock %}