From ff8f11091a530358ef600eedf00c21e90efe62d3 Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Wed, 17 Apr 2019 22:51:05 +0200
Subject: Fixed and improved frontend

Co-authored-by: LarsVomMars <lars@kroenner.eu>
---
 src/main/resources/views/login.rocker.html | 42 ++++++++++++++++++------------
 1 file changed, 25 insertions(+), 17 deletions(-)

(limited to 'src/main/resources/views/login.rocker.html')

diff --git a/src/main/resources/views/login.rocker.html b/src/main/resources/views/login.rocker.html
index 6cd28f2..feddbbc 100644
--- a/src/main/resources/views/login.rocker.html
+++ b/src/main/resources/views/login.rocker.html
@@ -6,24 +6,32 @@
 }
 
 @layout.template("Login", RockerContent.NONE, js) -> {
-<form action="/login" id="login-form" method="post">
-    <div>
-        <label for="username">Username:</label>
-        <input id="username" name="username" type="text"/>
-    </div>
-    <div>
-        <label for="password">Password:</label>
-        <input id="password" name="password" type="password"/>
-    </div>
+<div class="flex">
+    <h1>Login</h1>
 
-    <button type="submit">Login</button>
+    <form action="/login" method="post">
+        <div>
+            <label for="username">Username:</label>
+            <input autocomplete="off" autofocus id="username" name="username" required type="text"/>
+        </div>
+        <div>
+            <label for="password">Password:</label>
+            <input id="password" name="password" required type="password"/>
+        </div>
 
-    @if(message.length() > 0) {
-    <small>@message</small>
-    }
+        <div>
+            @if(message.length() > 0) {
+            <small>@message</small>
+            }
 
-    @if(counter > 0) {
-    <small id="tryAgain">Please try again in <span id="counter">@counter</span> seconds.</small>
-    }
-</form>
+            @if(counter > 0) {
+            <small id="tryAgain">Please try again in <span id="counter">@counter</span> seconds.</small>
+            }
+        </div>
+
+        <div>
+            <button type="submit">Login</button>
+        </div>
+    </form>
+</div>
 }
-- 
cgit v1.2.3