Rework of the register page CSS & tweaked the login page

core/static/user/login.scss

@@ -31,6 +31,11 @@ body {
   background-color: white !important;
   margin: 0;
 
+  > .title {
+    text-align: center;
+    margin: 0;
+  }
+
   > div,
   > form {
     box-sizing: border-box;
@@ -41,13 +46,16 @@ body {
     gap: 10px;
     width: 100%;
     max-width: 500px;
+    margin-top: 20px;
 
+    > p,
     > div {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       width: 100%;
+      margin: 0;
 
       > label {
         width: 100%;
@@ -59,6 +67,7 @@ body {
     }
 
     > input,
+    > p > input,
     > div > input {
       box-sizing: border-box;
       width: 100%;
@@ -70,9 +79,37 @@ body {
     }
 
     > .danger,
-    > div > error {
+    > .errorlist {
       color: red;
       text-align: center;
+      margin: 10px 0 0 0;
+      list-style-type: none;
+    }
+
+    > .required > .helptext {
+      text-align: center;
+      font-style: italic;
+    }
+    
+    > .required:last-of-type {
+      box-sizing: border-box;
+      max-width: 300px;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: space-between;
+
+      > label {
+        width: 100%;
+      }
+
+      > img {
+        width: 70px;
+        object-fit: contain;
+      }
+
+      > input {
+        width: 200px;
+      }
     }
   }
 }

core/templates/core/login.jinja

@@ -10,7 +10,7 @@
 {% endblock %}
 
 {% block content %}
-
+    <h1 class="title">{% trans %}Login{% endtrans %}</h1>
 
     {% if next %}
         {% if user.is_authenticated %}

core/templates/core/register.jinja

@@ -1,20 +1,35 @@
 {% extends "core/base.jinja" %}
 
-{% block title %}{% trans %}Register a user{% endtrans %}{% endblock %}
+{%- block additional_css -%}
+    <link rel="stylesheet" href="{{ scss('core/override.scss') }}">
+    <link rel="stylesheet" href="{{ scss('user/login.scss') }}">
+{%- endblock -%}
+
+{% block title %}{% trans %}Register{% endtrans %}{% endblock %}
 
 {% block content %}
-<h1>{% trans %}Register a user{% endtrans %}</h1>
+    <h1 class="title">{% trans %}Register{% endtrans %}</h1>
 
-{% if user_registered %}
-{% trans user_name=user_registered.get_display_name() %}Welcome {{ user_name }}!{% endtrans %}
-{% trans %}You successfully registred and you will soon receive a confirmation mail.{% endtrans %}
-
-{% trans username=user_registered.username %}Your username is {{ username }}.{% endtrans %}
-{% endif %}
-
-<form action="{{ url('core:register') }}" method="post">
-    {% csrf_token %}
-    {{ form }}
-    <p><input type="submit" value="{% trans %}Register{% endtrans %}" /></p>
-</form>
+    {% if user_registered %}
+        {% trans user_name=user_registered.get_display_name() %}Welcome {{ user_name }}!{% endtrans %}<br>
+        {% trans %}You successfully registred and you will soon receive a confirmation mail.{% endtrans %}<br>
+        {% trans username=user_registered.username %}Your username is {{ username }}.{% endtrans %}<br>
+    
+    {% else %}
+        <form action="{{ url('core:register') }}" method="post">
+            {% csrf_token %}
+            {{ form }}
+            <input type="submit" value="{% trans %}Register{% endtrans %}" />
+        </form>
+    {% endif %}
+{% endblock %}
+ 
+{% block additional_js %}
+    <script defer>
+        $(() => {
+            $("#info_boxes").remove();
+            $("#page > nav").remove();
+            $("#quick_notif").remove();
+        })
+    </script>
 {% endblock %}

locale/fr/LC_MESSAGES/django.po

@@ -2402,7 +2402,7 @@ msgstr "Connexion"
 
 #: core/templates/core/base.jinja:62 core/templates/core/register.jinja:18
 msgid "Register"
-msgstr "S'enregister"
+msgstr "Inscription"
 
 #: core/templates/core/base.jinja:85 core/templates/core/base.jinja:86
 #: forum/templates/forum/macros.jinja:171