shuffles logo

templates/login.html

@@ -1,13 +1,17 @@
 {% extends "base.html" %}
 {% block content %}
 <div class="text-center mb-4">
-  <img
-    src="{{ url_for('static', filename='wwwsuynl.png') }}"
-    alt="Suy.nl logo"
-    style="width: 6em; height: 6em;"
+  <div
+    class="d-inline-block"
+    style="width: 6em; height: 6em; background: url('{{ url_for('static', filename='wwwsuynl.png') }}') center / cover no-repeat;"
   >
+    <img
+      src="{{ url_for('static', filename='login.svg') }}"
+      alt="Login"
+      style="width: 6em; height: 6em;"
+    >
+  </div>
 </div>
-<h3 class="text-center mb-4"><img style="width: 3em; height: 3em" src="/static/login.svg"></h3>
 <form method="post">
   <input class="form-control mb-3" name="name" placeholder="Name" required>
   <input class="form-control mb-3" name="password" type="password" placeholder="Password" required>