From f69e8217cbb58bcc9b29deef9c6b1c269e23227e Mon Sep 17 00:00:00 2001
From: David Larlet <david@larlet.fr>
Date: Mon, 23 Dec 2024 10:44:34 -0500
Subject: [PATCH] chore: better wording and style for the 403 page

---
 umap/static/umap/content.css | 10 ++++++----
 umap/templates/403.html      |  5 +++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/umap/static/umap/content.css b/umap/static/umap/content.css
index a9b849bc..d13dce0b 100644
--- a/umap/static/umap/content.css
+++ b/umap/static/umap/content.css
@@ -211,7 +211,7 @@ input[type="submit"],
 /*             40x              */
 /* **************************** */
 .content-40x {
-    width: 600px;
+    max-width: 600px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 100px;
@@ -222,7 +222,6 @@ input[type="submit"],
 .content-40x h1 {
     font-size: 2em;
     margin-bottom: 0;
-    line-height: 0.5em;
     margin-top: 40px;
 }
 .content-404 img {
@@ -233,8 +232,11 @@ input[type="submit"],
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
-    width: 100vw;
-    height: 90vh;
+    height: 75vh;
+    margin: 1rem;
+}
+.page-40x a {
+    text-decoration: underline;
 }
 
 
diff --git a/umap/templates/403.html b/umap/templates/403.html
index f81b6afc..7902ed0d 100644
--- a/umap/templates/403.html
+++ b/umap/templates/403.html
@@ -5,7 +5,8 @@
 {% block content %}
   <div class="content-40x">
       <h1>{{ exception }}</h1>
-      <p>{% blocktrans %}<a href="https://discover.umap-project.org/support/faq/#map-statuses">Find out here</a> how to manage map permissions.{% endblocktrans %}</p>
-      <p><a href="{% url 'home' %}">{% trans "Go back home" %}</a></p>
+      <p>{% blocktrans %}<a href="https://discover.umap-project.org/support/faq/#map-statuses" target="_blank">Find out here the documentation</a> on how to manage map’s permissions.{% endblocktrans %}</p>
+      <hr>
+      <p><a href="{% url 'home' %}">{% trans "← Go to the homepage" %}</a></p>
   </div>
 {% endblock %}