Improve design of login and management

2017-06-27 22:51:45 +02:00 · 2017-06-27 22:51:45 +02:00 · 185668b27f
parent e1c4b71f6d
commit 185668b27f
2 changed files with 29 additions and 2 deletions
--- a/assets/templates/login.tpl
+++ b/assets/templates/login.tpl
@ -1,9 +1,36 @@
 <html>
 	<head>
 		<title>Mitarbeiterlogin</title>
+		<style>
+			body {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+				height: 100%;
+			}
+
+			body>div {
+				width: 15em;
+				height: 1.5em;
+				font-size: 2em;
+				font-weight: bold;
+				border-bottom: 2px solid black;
+				text-align: center;
+			}
+
+			body>div, body>form {
+				margin-top: 10px;
+			}
+
+			form>* {
+				font-size: 1.5em;
+			}
+
+		</style>
 	</head>
 	<body>
-		<div>Login für Mitarbeiter</div>
+		<div>Login für Mitarbeiter:</div>
 		<form method="post">
 			<select name="employeeId">
 				% for employee in employees:
--- a/assets/templates/manage.tpl
+++ b/assets/templates/manage.tpl
@ -44,7 +44,7 @@
 	<body>
 		<script src="assets/js/ampel.js"></script>
 		<div id="header">
-			<div>Hallo {{employeeData[0]}} (Raum {{employeeData[1]}})</div>
+			<div>{{employeeData[0]}} (Raum {{employeeData[1]}})</div>
 			<form method="post" action="logout">
 				<button type="submit">Abmelden</button>
 			</form>