refactor web interface

templates/change_password.html

@@ -1,16 +1,33 @@
 {% extends "base.html" %}
 {% block title %}Zmiana hasła - /etc/hosts Manager{% endblock %}
+{% block extra_css %}
+  {{ super() }}
+  <style>
+    .card {
+      margin-top: 2rem;
+    }
+  </style>
+{% endblock %}
 {% block content %}
 <div class="row justify-content-center">
   <div class="col-md-6">
-    <h2>Zmień hasło</h2>
-    <form method="post">
-      <div class="form-group">
-        <label for="password">Nowe hasło</label>
-        <input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź nowe hasło">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h2>Zmień hasło</h2>
       </div>
-      <button type="submit" class="btn btn-primary">Zmień hasło</button>
-    </form>
+      <div class="card-body">
+        <form method="post">
+          <div class="mb-3">
+            <label for="password" class="form-label">Nowe hasło</label>
+            <input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź nowe hasło" required>
+          </div>
+          <button type="submit" class="btn btn-primary">Zmień hasło</button>
+        </form>
+      </div>
+    </div>
+    <div class="text-center">
+      <a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Przejdź do pulpitu</a>
+    </div>
   </div>
 </div>
 {% endblock %}