Use detailed list on user profile

templates/member/profile_detail.html

 {% extends "base.html" %}
-{% load static %}
+{% load i18n static %}
+
 {% block content %}
+    <h3>Compte n° {{ object.pk }}</h3>
+
+    <img src="{{ object.note.display_image.url }}" alt=""/>
+
+    <dl class="row">
+        <dt class="col-6 col-md-3">{% trans 'name'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.user.name }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'first name'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.user.first_name }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'username'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.user.username }}</dd>
+        <dt class="col-6 col-md-3">Aliases</dt>
+        <dd class="col-6 col-md-3">{{ object.user.note.aliases_set.all }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'section'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.section }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'address'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.address }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'balance'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.user.note.balance }}</dd>
+    </dl>
 
-<h5>Compte n° {{object.pk}}</h5>
-<table>
-    <tr>
-        <td> <img src="{{ object.note.display_image.url }}" alt="" /> </td>
-    </tr>
-    <tr><th> Nom</th><td>{{ object.user.name }}</td></tr>
-    <tr><th>Prénom </th><td>{{object.user.first_name}}</td></tr>
-    <tr><th>Pseudo</th><td> {{object.user.username}}</td></tr>
-    <tr><th> Aliases</th><td>{{object.user.note.aliases_set.all }}</td></tr>
-    <tr><th>Pseudo</th><td> {{object.user.username}}</td></tr>
-    <tr><th>Section</th><td> {{object.section}}</td></tr>
-    <tr><th>Adresse</th><td> {{object.address}}</td></tr>
-    <tr><th>Solde</th><td> {{object.user.note.balance}}</td></tr>
-</table>
+    <a href="{% url "password_change" %}">{% trans 'Change password' %}</a>
 {% endblock %}