general improvement

public/styles/login.css

@@ -1,5 +1,13 @@
 form {
-    max-width: 25rem;
-    margin: auto;
     flex-grow: 1;
+    max-width: 40ch;
+    margin: 25vh auto 0 auto;
+}
+
+main {
+    flex-direction: row;
+}
+
+h1 {
+    text-align: center;
 }

public/styles/main.css

@@ -17,6 +17,7 @@ main {
     flex-grow: 1;
     display: flex;
     padding: 1rem;
+    flex-direction: column;
 }
 
 h1 {
@@ -27,7 +28,27 @@ h1 {
 a {
     color: var(--color-primary);
     text-decoration: none;
+    position: relative;
+    padding-bottom: .3em;
+}
+
+a::after {
+    content: "";
+    display: block;
+    width: 100%;
     border-bottom: 2px solid var(--color-hightlight-2);
+    position: absolute;
+    bottom: .1em;
+    transition: .2s;
+}
+
+a:hover::after {
+    content: "";
+    display: block;
+    width: 100%;
+    border-bottom: 2px solid var(--color-hightlight-2);
+    position: absolute;
+    bottom: .3em;
 }
 
 p.feedback {
@@ -80,6 +101,7 @@ form label {
 form {
     display: flex;
     flex-direction: column;
+    width: fit-content;
 }
 
 nav.main {

public/styles/zone.css

@@ -9,10 +9,6 @@ nav.secondary li {
     margin-right: 1rem;
 }
 
-main {
-    flex-direction: column;
-}
-
 main > section {
     max-width: 120ch;
 }

templates/pages/login.html

@@ -1,6 +1,6 @@
 {% extends "bases/base.html" %}
 
-{% block title %}Login ⋅ {% endblock title %}
+{% block title %}Se connecter ⋅ {% endblock title %}
 {% block styles %}
 <link rel="stylesheet" type="text/css" href="/styles/login.css">
 {% endblock styles %}
@@ -8,6 +8,7 @@
 {% block content %}
     <main>
         <form method="POST" action="/login">
+            <h1>Se connecter</h1>
             {% if error %}
             <p class="feedback error" role="alert">
                 {{ error }}

templates/pages/zones/new.html

@@ -1,8 +1,9 @@
 {% extends "bases/app.html" %}
 
-{% block title %}Créer une zone ⋅ {% endblock title %}
+{% block title %}Ajouter une zone ⋅ {% endblock title %}
 
 {% block main %}
+<h1>Ajouter une zone</h1>
 <form method="POST" action="/zones/new">
     {% if error %}
     <p class="feedback error" role="alert">