From 37393eea130544eaf644a43ed940be2b93ecc036 Mon Sep 17 00:00:00 2001
From: Jean-Marie Favreau <j-marie.favreau@uca.fr>
Date: Mon, 15 Apr 2024 22:45:36 +0200
Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20mise=20en=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/agenda_culturel/static/style.scss          | 13 +++++++++++++
 src/agenda_culturel/templates/page-erreur.html |  9 +++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index 11f6da7..5eef4e8 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -628,6 +628,11 @@ form [role="button"] {
       grid-column-gap: var(--nav-element-spacing-vertical);
       grid-template-columns: auto 25%;
     }
+    .grid.two-columns-2 {
+        grid-column-gap: var(--nav-element-spacing-vertical);
+        grid-template-columns: 30% auto;
+        align-items: center;
+    }
   }
 
 aside nav a.selected {
@@ -786,4 +791,12 @@ table .buttons {
     display: flex;
     flex: auto;
     gap: 0.4em;
+}
+
+.image {
+    text-align: center;
+    img {
+        width: 800px;
+        margin: 4em auto;
+    }
 }
\ No newline at end of file
diff --git a/src/agenda_culturel/templates/page-erreur.html b/src/agenda_culturel/templates/page-erreur.html
index 3153148..4aa014e 100644
--- a/src/agenda_culturel/templates/page-erreur.html
+++ b/src/agenda_culturel/templates/page-erreur.html
@@ -10,7 +10,7 @@
 
 
 {% block title %}
-Y'a un pépin
+Y'a un pépin ({{ error }})
 {% endblock %}
 
 
@@ -20,10 +20,11 @@ Y'a un pépin
     <header>
         <h1>Y'a un pépin (erreur {{ error }})</h1>
     </header>
-    <p>On a rencontré un pépin en cherchant la page que tu as demandé&nbsp;! N'hésites pas à <a href="{% url 'contact' %}">nous signaler 
+    <div class="grid two-columns-2">
+        <p>On a rencontré un pépin en cherchant la page que tu as demandé&nbsp;! N'hésites pas à <a href="{% url 'contact' %}">nous signaler 
         tout ça</a> si tu penses qu'il y a un bug dans la compote.</p>
-        <div style="text-align: center"><img src="{% static 'images/pommes.svg' %}" style="width: 800px; margin: auto" /></div>
-
+        <div class="image"><img src="{% static 'images/pommes.svg' %}" alt="quelques pommes et leur pépins" /></div>
+    </div>
     </article>