From e15ad04c64af3e61e5aac177d46cf393331c653c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Berthaud-M=C3=BCller?= <blacksponge@tuta.io>
Date: Thu, 23 Feb 2023 13:21:19 +0100
Subject: [PATCH] general improvement

---
 public/styles/login.css        | 12 ++++++++++--
 public/styles/main.css         | 22 ++++++++++++++++++++++
 public/styles/zone.css         |  4 ----
 templates/pages/login.html     |  3 ++-
 templates/pages/zones/new.html |  3 ++-
 5 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/public/styles/login.css b/public/styles/login.css
index fa12de6..d1c085f 100644
--- a/public/styles/login.css
+++ b/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;
 }
diff --git a/public/styles/main.css b/public/styles/main.css
index 6349c38..21d300c 100644
--- a/public/styles/main.css
+++ b/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 {
diff --git a/public/styles/zone.css b/public/styles/zone.css
index 7414673..0157ede 100644
--- a/public/styles/zone.css
+++ b/public/styles/zone.css
@@ -9,10 +9,6 @@ nav.secondary li {
     margin-right: 1rem;
 }
 
-main {
-    flex-direction: column;
-}
-
 main > section {
     max-width: 120ch;
 }
diff --git a/templates/pages/login.html b/templates/pages/login.html
index 93b5511..24e8fc3 100644
--- a/templates/pages/login.html
+++ b/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 }}
diff --git a/templates/pages/zones/new.html b/templates/pages/zones/new.html
index 2c59644..72c0767 100644
--- a/templates/pages/zones/new.html
+++ b/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">