Beautify login page

home/static/css/style.css

@@ -161,6 +161,26 @@ dl dd {
 	text-align: left;
 }
 
+input[type=submit] {
+	color: white;
+	background-color: var(--color_bg_1);
+	padding: 5px 10px;
+	border-width: 0;
+	cursor: pointer;
+}
+
+input[type=submit]:hover {
+	background-color: var(--color_bg_2);
+}
+
+div.error {
+	color: red;
+	border: 2px solid red;
+	border-radius: 5px;
+	padding: 5px;
+	margin: 10px;
+}
+
 footer {
 	position: absolute;
 	bottom: 0;

home/templates/registration/login.html

@@ -4,19 +4,18 @@
 
 {% block "content" %}
 <div id="content-area">
+	<h2>Connexion</h2>
 	{% if form.errors %}
-	<p>Login ou mot de passe incorrect</p>
+	<div class="error">Login ou mot de passe incorrect</div>
 	{% endif %}
 
 	{% if next %}
 	{% if user.is_authenticated %}
-	<p>Accès non autorisé.</p>
+	<div class="error">Accès non autorisé.</div>
 	{% else %}
 	<p>Merci de vous connecter.</p>
 	{% endif %}
 	{% endif %}
-
-	<h2>Connexion</h2>
 	<form method="post" action="{% url "accounts:login" %}?next={{ next|urlencode }}">
 		{% csrf_token %}
 		<table>