diff --git a/core/migrations/0019_preferences_receive_weekmail.py b/core/migrations/0019_preferences_receive_weekmail.py
index 951488aa..5bfe0d97 100644
--- a/core/migrations/0019_preferences_receive_weekmail.py
+++ b/core/migrations/0019_preferences_receive_weekmail.py
@@ -13,7 +13,7 @@ class Migration(migrations.Migration):
             model_name="preferences",
             name="receive_weekmail",
             field=models.BooleanField(
-                default=False, verbose_name="do you want to receive the weekmail"
+                default=False, verbose_name="receive the weekmail"
             ),
         )
     ]
diff --git a/core/models.py b/core/models.py
index e904603f..d994fff2 100644
--- a/core/models.py
+++ b/core/models.py
@@ -271,7 +271,7 @@ class User(AbstractBaseUser):
         _("dpt option"), max_length=32, blank=True, default=""
     )
     semester = models.CharField(_("semester"), max_length=5, blank=True, default="")
-    quote = models.CharField(_("quote"), max_length=256, blank=True, default="")
+    quote = models.TextField(_("quote"), max_length=256, blank=True, default="")
     school = models.CharField(_("school"), max_length=80, blank=True, default="")
     promo = models.IntegerField(
         _("promo"), validators=[validate_promo], null=True, blank=True
@@ -784,7 +784,7 @@ class Preferences(models.Model):
         User, related_name="_preferences", on_delete=models.CASCADE
     )
     receive_weekmail = models.BooleanField(
-        _("do you want to receive the weekmail"), default=False
+        _("Receive the Weekmail"), default=False
     )
     show_my_stats = models.BooleanField(_("show your stats to others"), default=False)
     notify_on_click = models.BooleanField(
diff --git a/core/static/core/override.scss b/core/static/core/override.scss
new file mode 100644
index 00000000..893dd4fd
--- /dev/null
+++ b/core/static/core/override.scss
@@ -0,0 +1,7 @@
+content {
+  padding: 20px !important;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0.5em 0;
+}
\ No newline at end of file
diff --git a/core/static/core/user_details.scss b/core/static/core/user_details.scss
new file mode 100644
index 00000000..1c7b663a
--- /dev/null
+++ b/core/static/core/user_details.scss
@@ -0,0 +1,140 @@
+.main {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
+.user-name {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+  max-width: 1080px;
+}
+
+.infos-and-picture {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  width: 100%;
+  max-width: 1080px;
+
+  @media (max-width: 960px) {
+    flex-direction: column-reverse;
+    gap: 20px;
+  }
+
+  >#user_profile_infos {
+    width: 50%;
+
+    @media (max-width: 960px) {
+      width: 100%;
+    }
+
+    @media (min-width: 960px) {
+      padding-right: 20px;
+    }
+
+    >#user_profile_infos_promo {
+      display: flex;
+      flex-direction: row;
+      gap: 10px;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+    }
+
+    >#user_profile_infos_quote {
+      @media (max-width: 960px) {
+        text-align: center !important;
+      }
+    }
+  }
+
+  >#user_profile_pictures {
+    width: 50%;
+    display: flex;
+    flex-direction: row;
+
+    @media (max-width: 960px) {
+      width: 100%;
+      height: 100% !important;
+      flex-direction: column;
+    }
+
+    @media (min-width: 960px) {
+      padding-left: 20px;
+    }
+
+    >#user_profile_pictures_bigone {
+      @media (max-width: 960px) {
+        >img {
+          max-width: 300px !important;
+          width: 100% !important;
+          object-fit: contain;
+        }
+      }
+    }
+
+    >#user_profile_pictures_thumbnails {
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+
+      @media (max-width: 960px) {
+        flex-direction: row !important;
+        height: 50%;
+      }
+
+      >img {
+        max-height: calc(100% / 3);
+        width: 100% !important;
+        object-fit: contain;
+
+        @media (max-width: 960px) {
+          max-height: 100%;
+          max-width: calc(100% / 3) !important;
+          height: auto;
+        }
+      }
+    }
+  }
+}
+
+#user_profile_page #user_profile #user_profile_infos {
+  @media (max-width: 960px) {
+    border-right-color: transparent;
+  }
+}
+
+#user_profile_page #user_profile #user_profile_pictures #user_profile_pictures_thumbnails,
+#user_profile_page #user_profile #user_profile_infos,
+#user_profile_page #user_profile #user_profile_pictures {
+  flex-basis: unset !important;
+}
+
+.form-gifts {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 10px;
+
+  @media (max-width: 960px) {
+    flex-direction: column;
+  }
+
+  >select,
+  >input {
+    min-width: 300px;
+    max-width: 100%;
+    height: 40px;
+
+    @media (max-width: 960px) {
+      width: 100%;
+    }
+  }
+}
\ No newline at end of file
diff --git a/core/static/core/user_edit.scss b/core/static/core/user_edit.scss
new file mode 100644
index 00000000..23751e4b
--- /dev/null
+++ b/core/static/core/user_edit.scss
@@ -0,0 +1,171 @@
+.profile {
+  &-visible {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+
+    >input[type="checkbox"] {
+      cursor: pointer;
+    }
+  }
+
+  &-pictures {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    align-items: stretch;
+
+    @media (max-width: 750px) {
+      flex-direction: column;
+      gap: 20px;
+    }
+  }
+
+  &-picture {
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 20px;
+    width: 100%;
+    height: 100%;
+    max-width: 300px;
+
+    @media (max-width: 750px) {
+      max-width: 100%;
+    }
+
+    &-display {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      height: 300px;
+      gap: 10px;
+
+      @media (max-width: 750px) {
+        height: auto;
+      }
+
+      >img {
+        width: 100% !important;
+        object-fit: contain;
+        height: auto;
+      }
+
+      >p {
+        text-align: left !important;
+        width: 100% !important;
+      }
+    }
+
+    &-edit {
+      display: flex;
+      flex-direction: column-reverse;
+      align-items: flex-start;
+      justify-content: center;
+      width: 100%;
+
+      >input {
+        font-size: .8em;
+        font-weight: normal;
+        cursor: pointer;
+      }
+
+      >p {
+        margin-bottom: 0;
+        text-align: left !important;
+        min-height: 50px;
+      }
+    }
+  }
+
+  &-fields {
+    padding: 20px 0;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 10px;
+    justify-content: center;
+
+    @media (max-width: 750px) {
+      gap: 20px;
+    }
+  }
+
+  &-field {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 10px;
+    width: 100%;
+    max-width: 330px;
+    min-width: 300px;
+
+    @media (max-width: 750px) {
+      gap: 4px;
+      max-width: 100%;
+    }
+
+    >* {
+      width: 100%;
+      max-width: 300px;
+
+      @media (max-width: 750px) {
+        max-width: 100%;
+      }
+    }
+
+    &-label {
+      text-align: left !important;
+    }
+
+    &-content {
+
+      >* {
+        box-sizing: border-box;
+        text-align: left !important;
+        line-height: 40px;
+        max-width: 100%;
+        width: 100%;
+        height: 40px;
+        margin: 0;
+
+        >* {
+          text-align: left !important;
+        }
+      }
+
+
+      >textarea {
+        height: 120px;
+        min-height: 40px;
+        min-width: 300px;
+        max-width: 300px;
+        line-height: initial;
+
+        @media (max-width: 750px) {
+          max-width: 100%;
+        }
+      }
+
+      >input[type="file"] {
+        font-size: small;
+        line-height: 30px;
+      }
+
+      >input[type="checkbox"] {
+        width: 20px;
+        height: 20px;
+        margin: 0;
+        float: left;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/core/static/core/user_groups.scss b/core/static/core/user_groups.scss
new file mode 100644
index 00000000..88cfd7b2
--- /dev/null
+++ b/core/static/core/user_groups.scss
@@ -0,0 +1,13 @@
+#id_groups {
+  margin: 0;
+
+  >li {
+    list-style-type: none;
+    margin: 0;
+    padding-left: 30px;
+
+    >label {
+      cursor: pointer;
+    }
+  }
+}
\ No newline at end of file
diff --git a/core/static/core/user_preferences.scss b/core/static/core/user_preferences.scss
new file mode 100644
index 00000000..bf481d17
--- /dev/null
+++ b/core/static/core/user_preferences.scss
@@ -0,0 +1,41 @@
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+
+  &-general {
+    >p {
+      display: flex;
+      flex-direction: row-reverse;
+      justify-content: left;
+      gap: 5px;
+      align-items: flex-start;
+      margin: 0;
+
+      >label {
+        cursor: pointer
+      }
+    }
+  }
+
+  &-cards,
+  &-trombi {
+    >p {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      text-align: justify;
+      gap: 5px;
+
+      >input,
+      >select {
+        min-width: 300px;
+      }
+    }
+  }
+
+  &-submit-btn {
+    margin-top: 10px !important;
+    max-width: 100px;
+  }
+}
\ No newline at end of file
diff --git a/core/static/core/user_stats.scss b/core/static/core/user_stats.scss
new file mode 100644
index 00000000..362c5153
--- /dev/null
+++ b/core/static/core/user_stats.scss
@@ -0,0 +1,40 @@
+.row {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+  margin-bottom: 10px;
+  gap: 30px;
+
+  @media (max-width: 535px) {
+
+    >div,
+    >div>.flexed {
+      width: 100%;
+      align-items: stretch;
+    }
+  }
+}
+
+
+.flexed {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  align-items: self-start;
+
+  >div {
+    display: flex;
+    justify-content: space-between;
+
+    >b,
+    >span {
+      width: 120px;
+
+      &:last-child {
+        text-align: right;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/core/templates/core/base.jinja b/core/templates/core/base.jinja
index e343f2a1..b3b35841 100644
--- a/core/templates/core/base.jinja
+++ b/core/templates/core/base.jinja
@@ -40,7 +40,7 @@
             <form action="{{ url('set_language') }}" method="post">{% csrf_token %}
                 <input name="next" value="{{ request.path }}" type="hidden" />
                 <input name="language" value="{{ language[0] }}" type="hidden" />
-                <input type="submit" value="{{ language[0]|upper }}" />
+                <input type="submit" value="{{ language[0]|upper }}" />
             </form>
             {% endfor %}
         </div>
@@ -218,7 +218,7 @@
                 <div class="dropdown-content">
                     <a href="{{ url('core:page', page_name='FAQ') }}">{% trans %}FAQ{% endtrans %}</a>
                     <a href="{{ url('core:page', 'contacts') }}">{% trans %}Contacts{% endtrans %}</a>
-                    <a href="{{ url('core:page', page_name="Index") }}">{% trans %}Wiki{% endtrans %}</a>
+                    <a href="{{ url('core:page', page_name='Index') }}">{% trans %}Wiki{% endtrans %}</a>
                 </div>
               </div>
           </nav>
@@ -232,20 +232,15 @@
           </ul>
 
           <div id="content">
-              {% if list_of_tabs %}
-              <div class="tool_bar">
-                  <div>{{ tabs_title }}</div>
-                  <div class="tools">
-                      {% for t in list_of_tabs -%}
-                      <a href="{{ t.url }}"
-                          {%- if current_tab == t.slug %}
-                              class="selected_tab"
-                          {%- endif -%}
-                      >{{ t.name }}</a>
-                      {%- endfor %}
-                  </div>
-              </div>
-              {% endif %}
+            {% if list_of_tabs %}
+            <div class="tool_bar">
+                <div class="tools">
+                    {% for t in list_of_tabs -%}
+                    <a href="{{ t.url }}" {%- if current_tab==t.slug %} class="selected_tab" {%- endif -%}>{{ t.name }}</a>
+                    {%- endfor %}
+                </div>
+            </div>
+            {% endif %}
 
               {% if error %}
               {{ error }}
diff --git a/core/templates/core/user_detail.jinja b/core/templates/core/user_detail.jinja
index b2e834e9..d7f6a552 100644
--- a/core/templates/core/user_detail.jinja
+++ b/core/templates/core/user_detail.jinja
@@ -7,118 +7,123 @@
 
 {% block content %}
 <div id="user_profile_page">
-    <div id="user_profile">
+    <div id="user_profile" class="main">
         <!-- Profile -->
-        <div id="user_profile_infos">
-            <h4>{{ profile.get_full_name() }}</h4>
-            {% if profile.nick_name %}
-                <div id="user_profile_infos_nick">&laquo; {{ profile.nick_name }} &raquo;</div>
-            {% endif %}
+        <div class="user-name">
+        <h3>{{ profile.get_full_name() }}</h3>
+        {% if profile.nick_name %}
+            <div id="user_profile_infos_nick">&laquo; {{ profile.nick_name }} &raquo;</div>
+        {% endif %}
+        </div>
 
-            
+        <div class="infos-and-picture">
+            <div id="user_profile_infos">
+                {% if profile.quote %}
+                    <div id="user_profile_infos_quote">
+                        {{ profile.quote }}
+                    </div>
+                {% endif %}
 
-            {% if profile.quote %}
-                <div id="user_profile_infos_quote">
-                    {{ profile.quote }}
+                <div id="user_profile_infos_items">
+                    {% if profile.pronouns %}
+                        <div>
+                            <span class="user_profile_infos_item">{% trans %}Pronouns: {% endtrans %}</span>
+                            <span class="user_profile_infos_item_value">{{ profile.pronouns }}</span>
+                        </div>
+                    {% endif %}
+                    {% if profile.date_of_birth %}
+                        <div>
+                            <span class="user_profile_infos_item">{% trans %}Born: {% endtrans %}</span>
+                            <span class="user_profile_infos_item_value">{{ profile.date_of_birth|date("d/m/Y") }}</span>
+                        </div>
+                    {% endif %}
+
+                    {% if profile.department != "NA" %}
+                        <div>
+                            <span class="user_profile_infos_item">{% trans %}Department: {% endtrans %}</span>
+                            <span class="user_profile_infos_item_value">{{ profile.department }}{{ profile.semester }}</span>
+                        </div>
+                    {% endif %}
+
+                    {% if profile.dpt_option %}
+                        <div>
+                            <span class="user_profile_infos_item">{% trans %}Option: {% endtrans %}</span>
+                            <span class="user_profile_infos_item_value">{{ profile.dpt_option }}</span>
+                        </div>
+                    {% endif %}
+
+                    {% if profile.phone %}
+                        <div>
+                            <span class="user_profile_infos_item">{% trans %}Phone: {% endtrans %}</span>
+                            <span class="user_profile_infos_item_value">{{ profile.phone }}</span>
+                        </div>
+                    {% endif %}
+
+                    {% if profile.address %}
+                        <div>
+                            <span class="user_profile_infos_item">{% trans %}Address: {% endtrans %}</span>
+                            <span class="user_profile_infos_item_value">{{ profile.address }}</span>
+                        </div>
+                    {% endif %}
+
+                    {% if profile.parent_address %}
+                        <div>
+                            <span class="user_profile_infos_item">{% trans %}Parents address: {% endtrans %}</span>
+                            <span class="user_profile_infos_item_value">{{ profile.parent_address }}</span>
+                        </div>
+                    {% endif %}
                 </div>
-            {% endif %}
 
-            <div id="user_profile_infos_items">
-            	{% if profile.pronouns %}
-                	<div>
-                	    <span class="user_profile_infos_item">{% trans %}Pronouns: {% endtrans %}</span>
-                	    <span class="user_profile_infos_item_value">{{ profile.pronouns }}</span>
-                	</div>
-            	{% endif %}
-                {% if profile.date_of_birth %}
-                    <div>
-                        <span class="user_profile_infos_item">{% trans %}Born: {% endtrans %}</span>
-                        <span class="user_profile_infos_item_value">{{ profile.date_of_birth|date("d/m/Y") }}</span>
-                    </div>
-                {% endif %}
-
-                {% if profile.department != "NA" %}
-                    <div>
-                        <span class="user_profile_infos_item">{% trans %}Department: {% endtrans %}</span>
-                        <span class="user_profile_infos_item_value">{{ profile.department }}{{ profile.semester }}</span>
-                    </div>
-                {% endif %}
-
-                {% if profile.dpt_option %}
-                    <div>
-                        <span class="user_profile_infos_item">{% trans %}Option: {% endtrans %}</span>
-                        <span class="user_profile_infos_item_value">{{ profile.dpt_option }}</span>
-                    </div>
-                {% endif %}
-
-                {% if profile.phone %}
-                    <div>
-                        <span class="user_profile_infos_item">{% trans %}Phone: {% endtrans %}</span>
-                        <span class="user_profile_infos_item_value">{{ profile.phone }}</span>
-                    </div>
-                {% endif %}
-
-                {% if profile.address %}
-                    <div>
-                        <span class="user_profile_infos_item">{% trans %}Address: {% endtrans %}</span>
-                        <span class="user_profile_infos_item_value">{{ profile.address }}</span>
-                    </div>
-                {% endif %}
-
-                {% if profile.parent_address %}
-                    <div>
-                        <span class="user_profile_infos_item">{% trans %}Parents address: {% endtrans %}</span>
-                        <span class="user_profile_infos_item_value">{{ profile.parent_address }}</span>
-                    </div>
-                {% endif %}
-            </div>
-
-            {% if profile.promo %}
-                <div id="user_profile_infos_promo">
+                {% if profile.promo %}
+                    <div id="user_profile_infos_promo">
+                        {% trans %}Promo: {% endtrans %}{{ profile.promo }}
+                    <img src="{{ static('core/img/promo_%02d.png' % profile.promo) }}" alt="Promo {{ profile.promo }}" />
                     <img src="{{ static('core/img/promo_%02d.png' % profile.promo) }}" alt="Promo {{ profile.promo }}" />
                     {% trans %}Promo: {% endtrans %}{{ profile.promo }}
-                </div>
-            {% endif %}
-        </div>
-        <!-- Pictures -->
-        <div id="user_profile_pictures">
-            <div id="user_profile_pictures_bigone">
-                {% if profile.profile_pict %}
-                    <img src="{{ profile.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}"
-                        title="{% trans %}Profile{% endtrans %}" />
-                {% else %}
-                    <img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Profile{% endtrans %}"
-                        title="{% trans %}Profile{% endtrans %}" />
+                        <img src="{{ static('core/img/promo_%02d.png' % profile.promo) }}" alt="Promo {{ profile.promo }}" />
+                    {% trans %}Promo: {% endtrans %}{{ profile.promo }}
+                    </div>
                 {% endif %}
             </div>
-            <div id="user_profile_pictures_thumbnails">
-                {% if profile.profile_pict %}
-                    <img src="{{ profile.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}"
-                        title="{% trans %}Profile{% endtrans %}" />
-                {% else %}
-                    <img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Profile{% endtrans %}"
-                        title="{% trans %}Profile{% endtrans %}" />
-                {% endif %}
+            <!-- Pictures -->
+            <div id="user_profile_pictures">
+                <div id="user_profile_pictures_bigone">
+                    {% if profile.profile_pict %}
+                        <img src="{{ profile.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}"
+                            title="{% trans %}Profile{% endtrans %}" />
+                    {% else %}
+                        <img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Profile{% endtrans %}"
+                            title="{% trans %}Profile{% endtrans %}" />
+                    {% endif %}
+                </div>
+                <div id="user_profile_pictures_thumbnails">
+                    {% if profile.profile_pict %}
+                        <img src="{{ profile.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}"
+                            title="{% trans %}Profile{% endtrans %}" />
+                    {% else %}
+                        <img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Profile{% endtrans %}"
+                            title="{% trans %}Profile{% endtrans %}" />
+                    {% endif %}
 
-                {% if profile.avatar_pict %}
-                    <img src="{{ profile.avatar_pict.get_download_url() }}" alt="{% trans %}Avatar{% endtrans %}"
-                        title="{% trans %}Avatar{% endtrans %}" />
-                {% else %}
-                    <img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Avatar{% endtrans %}"
-                        title="{% trans %}Avatar{% endtrans %}" />
-                {% endif %}
+                    {% if profile.avatar_pict %}
+                        <img src="{{ profile.avatar_pict.get_download_url() }}" alt="{% trans %}Avatar{% endtrans %}"
+                            title="{% trans %}Avatar{% endtrans %}" />
+                    {% else %}
+                        <img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Avatar{% endtrans %}"
+                            title="{% trans %}Avatar{% endtrans %}" />
+                    {% endif %}
 
-                {% if profile.scrub_pict %}
-                    <img src="{{ profile.scrub_pict.get_download_url() }}" alt="{% trans %}Scrub{% endtrans %}"
-                        title="{% trans %}Scrub{% endtrans %}" />
-                {% else %}
-                    <img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Scrub{% endtrans %}"
-                        title="{% trans %}Scrub{% endtrans %}" />
-                {% endif %}
+                    {% if profile.scrub_pict %}
+                        <img src="{{ profile.scrub_pict.get_download_url() }}" alt="{% trans %}Scrub{% endtrans %}"
+                            title="{% trans %}Scrub{% endtrans %}" />
+                    {% else %}
+                        <img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Scrub{% endtrans %}"
+                            title="{% trans %}Scrub{% endtrans %}" />
+                    {% endif %}
+                </div>
             </div>
         </div>
     </div>
-
     {% if user.memberships.filter(end_date=None).exists() or user.is_in_group(settings.SITH_MAIN_BOARD_GROUP) or user == profile or user.is_in_group(settings.SITH_BAR_MANAGER_BOARD_GROUP) %}
     {# if the user is member of a club, he can view the subscription state #}
     <hr>
@@ -168,9 +173,9 @@
     {% endif %}
 
     {% if user.is_root or user.is_board_member %}
+    <hr>
     <div>
-        <hr>
-        <form style="margin-left: 0px;" action="{{ url('core:user_gift_create', user_id=profile.id) }}" method="post">
+        <form class="form-gifts" action="{{ url('core:user_gift_create', user_id=profile.id) }}" method="post">
             {% csrf_token %}
             {{ gift_form.label }}
             {{ gift_form.user }}
@@ -189,7 +194,7 @@
                 </div>
             </div>
         {% else %}
-            {% trans %}No gift given yet{% endtrans %}
+            <em>{% trans %}No gift given yet{% endtrans %}</em>
         {% endif %}
     </div>
     {% endif %}
@@ -237,4 +242,4 @@ $(function(){
     });
 });
 </script>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/core/templates/core/user_edit.jinja b/core/templates/core/user_edit.jinja
index 5bd692e9..e4e0bae5 100644
--- a/core/templates/core/user_edit.jinja
+++ b/core/templates/core/user_edit.jinja
@@ -1,86 +1,184 @@
-{% extends "core/base.jinja" %}
+{%- extends "core/base.jinja" -%}
 
-{% block title %}
-{% trans %}Edit user{% endtrans %}
-{% endblock %}
+{%- block title -%}
+{%- trans -%}Edit user{%- endtrans -%}
+{%- endblock -%}
 
-{% block content %}
-<h2>{% trans %}Edit user profile{% endtrans %}</h2>
+{%- block additional_css -%}
+<link rel="stylesheet" href="{{ scss('core/override.scss') }}">
+<link rel="stylesheet" href="{{ scss('user/user_edit.scss') }}">
+{%- endblock -%}
+
+{%- block content -%}
+<h2>{%- trans -%}Edit user profile{%- endtrans -%}</h2>
 <form action="" method="post" enctype="multipart/form-data" id="user_edit">
-    {% csrf_token %}
+
+    {%- csrf_token -%}
     {{ form.non_field_errors() }}
-    {% for field in form %}
-    <p>{{ field.errors }}<label for="{{ field.name }}">{{ field.label }}
-    {%- if field.name == "profile_pict" -%}
-    <br>{% trans %}Current profile: {% endtrans %}
-    {% if form.instance.profile_pict %}
-    <img src="{{ form.instance.profile_pict.get_download_url() }}" title="{% trans %}Profile{% endtrans %}" /><br>
-    {% if user.is_in_group(settings.SITH_MAIN_BOARD_GROUP) %}
-    <a href="{{ url('core:file_delete', file_id=form.instance.profile_pict.id, popup="") }}">{% trans %}Delete{% endtrans %}</a>
-    {% endif %}
-    {% else %}
-    <img src="{{ static('core/img/unknown.jpg') }}" title="-" crossOrigin="Anonymous" id="new_profile"/><br>
-    <div id="take_picture">
-        <div id="camera_canvas" style="width:320; height:240; margin: 0px auto;"></div>
-        <a href="javascript:void(take_snapshot())">{% trans %}Take picture{% endtrans %}</a>
+
+    {# User Pictures #}
+    <div class="profile-pictures">
+        {# <p>{%- trans -%}Current profile: {%- endtrans -%}</p> #}
+        <div class="profile-picture">
+            <div class="profile-picture-display">
+
+                {%- if form.instance.profile_pict -%}
+                <img src="{{ form.instance.profile_pict.get_download_url() }}"
+                    alt="{%- trans -%}Profile{%- endtrans -%}" title="{%- trans -%}Profile{%- endtrans -%}" />
+                {%- else -%}
+                <img src="{{ static('core/img/unknown.jpg') }}" alt="{%- trans -%}Profile{%- endtrans -%}"
+                    title="{%- trans -%}Profile{%- endtrans -%}" />
+                {%- endif -%}
+            </div>
+            <div class="profile-picture-edit">
+                <p>{{ form["profile_pict"].label }}</p>
+                {{ form["profile_pict"] }}
+                {%- if user.is_in_group(settings.SITH_MAIN_BOARD_GROUP) -%}
+                <a href="{{ url('core:file_delete', file_id=form.instance.profile_pict.id, popup='') }}">{%- trans
+                    -%}Delete{%- endtrans -%}</a>
+                {%- endif -%}
+            </div>
+        </div>
+        <div class="profile-picture">
+            <div class="profile-picture-display">
+                {%- if form.instance.avatar_pict -%}
+                <img src="{{ form.instance.avatar_pict.get_download_url() }}" alt="{%- trans -%}Profile{%- endtrans -%}"
+                    title="{%- trans -%}Profile{%- endtrans -%}" />
+                {%- else -%}
+                <img src="{{ static('core/img/unknown.jpg') }}" alt="{%- trans -%}Profile{%- endtrans -%}"
+                    title="{%- trans -%}Profile{%- endtrans -%}" />
+                {%- endif -%}
+            </div>
+            <div class="profile-picture-edit">
+                <p>{{ form["avatar_pict"].label }}</p>
+                {{ form["avatar_pict"] }}
+                {%- if user.is_in_group(settings.SITH_MAIN_BOARD_GROUP) -%}
+                <a href="{{ url('core:file_delete', file_id=form.instance.avatar_pict.id, popup='') }}">{%- trans
+                    -%}Delete{%- endtrans -%}</a>
+                {%- endif -%}
+            </div>
+        </div>
+        <div class="profile-picture">
+            <div class="profile-picture-display">
+                {%- if form.instance.scrub_pict -%}
+                <img src="{{ form.instance.scrub_pict.get_download_url() }}" alt="{%- trans -%}Profile{%- endtrans -%}"
+                    title="{%- trans -%}Profile{%- endtrans -%}" />
+                {%- else -%}
+                <img src="{{ static('core/img/unknown.jpg') }}" alt="{%- trans -%}Profile{%- endtrans -%}"
+                    title="{%- trans -%}Profile{%- endtrans -%}" />
+                {%- endif -%}
+            </div>
+            <div class="profile-picture-edit">
+                <p>{{ form["scrub_pict"].label }}</p>
+                {{ form["scrub_pict"] }}
+                {%- if user.is_in_group(settings.SITH_MAIN_BOARD_GROUP) -%}
+                <a href="{{ url('core:file_delete', file_id=form.instance.scrub_pict.id, popup='') }}">{%- trans
+                    -%}Delete{%-
+                    endtrans -%}</a>
+                {%- endif -%}
+            </div>
+        </div>
     </div>
-    <p>
-    {% endif %}<br>
-    {%- elif field.name == "avatar_pict" and form.instance.avatar_pict -%}
-    <br>{% trans %}Current avatar: {% endtrans %}
-    <img src="{{ form.instance.avatar_pict.get_download_url() }}" title="{% trans %}Avatar{% endtrans %}" /><br>
-    {%- elif field.name == "scrub_pict" and form.instance.scrub_pict -%}
-    <br>{% trans %}Current scrub: {% endtrans %}
-    <img src="{{ form.instance.scrub_pict.get_download_url() }}" title="{% trans %}Scrub{% endtrans %}" /><br>
-    {%- endif %}</label> {{ field }}</p>
-    {% endfor %}
-    <p><input type="submit" value="{% trans %}Update{% endtrans %}" /></p>
-    <p>{% trans %}Username: {% endtrans %}{{ form.instance.username }}</p>
-    {% if form.instance.customer %}
-    <p>{% trans %}Account number: {% endtrans %}{{ form.instance.customer.account_id }}</p>
-    {% endif %}
-    {% if form.instance == user %}
-    <p><a href="{{ url('core:password_change') }}">{% trans %}Change my password{% endtrans %}</a></p>
-    {% elif user.is_root %}
-    <p><a href="{{ url('core:password_root_change', user_id=form.instance.id) }}">{% trans %}Change user password{% endtrans %}</a></p>
-    {% endif %}
+
+
+    {# All fields #}
+    <div class="profile-fields">
+        {%- for field in form -%}
+        {%-
+        if field.name in ["quote","profile_pict","avatar_pict","scrub_pict","is_subscriber_viewable","forum_signature"]
+        -%}
+        {%- continue -%}
+        {%- endif -%}
+
+        <div class="profile-field">
+            <div class="profile-field-label">{{ field.label }}</div>
+            <div class="profile-field-content">
+                {{ field }}
+                {%- if field.errors -%}
+                <div class="field-error">{{ field.errors }}</div>
+                {%- endif -%}
+            </div>
+        </div>
+        {%- endfor -%}
+    </div>
+
+    {# Textareas #}
+    <div class="profile-fields">
+        {%- for field in [form["quote"], form["forum_signature"]] -%}
+        <div class="profile-field">
+            <div class="profile-field-label">{{ field.label }}</div>
+            <div class="profile-field-content">
+                {{ field }}
+                {%- if field.errors -%}
+                <div class="field-error">{{ field.errors }}</div>
+                {%- endif -%}
+            </div>
+        </div>
+        {%- endfor -%}
+    </div>
+
+    {# Checkboxes #}
+    <div class="profile-visible">
+        {{ form["is_subscriber_viewable"] }}
+        {{ form["is_subscriber_viewable"].label }}
+    </div>
+
+    {%- if form.instance == user -%}
+    <p align="center">
+        <a href="{{ url('core:password_change') }}">{%- trans -%}Change my password{%- endtrans -%}</a>
+    </p>
+    {%- elif user.is_root -%}
+    <p align="center">
+        <a href="{{ url('core:password_root_change', user_id=form.instance.id) }}">{%- trans -%}Change user password{%-
+            endtrans -%}</a>
+    </p>
+    {%- endif -%}
+
+    <p align="center">
+        <input type="submit" value="{%- trans -%}Update{%- endtrans -%}" />
+    </p>
 </form>
-{% endblock %}
-
-{% block script %}
-    {{ super() }}
-    {% if not form.instance.profile_pict %}
-    <script src="{{ static('core/js/webcam.js') }}"></script>
-    <script language="JavaScript">
-        Webcam.on('error', function(msg) { console.log('Webcam.js error: ' + msg) })
-        Webcam.set({
-                width: 320,
-                height: 240,
-                dest_width: 320,
-                dest_height: 240,
-                image_format: 'jpeg',
-                jpeg_quality: 90,
-                force_flash: false
-            });
-        Webcam.attach( '#camera_canvas' );
-
-        function take_snapshot() {
-            var data_uri = Webcam.snap();
-            var url = "{{ url('core:user_profile_upload', user_id=form.instance.id) }}";
-            Webcam.upload( data_uri, url, function(code, text) {
-                            if (code == 302 || code == 200) {
-                                $('#new_profile').attr('src', data_uri);
-                                $('#take_picture').remove();
-                                $('#id_profile_pict').remove();
-                            } else {
-                                console.log("Unknown error: ");
-                                console.log(text);
-                            }
-                        }, "new_profile_pict", {name: 'csrfmiddlewaretoken', value: '{{ csrf_token }}'});
-        }
-    </script>
-    {% endif %}
-{% endblock %}
 
+<p>
+    <em>{%- trans -%}Username: {%- endtrans -%}&nbsp;{{ form.instance.username }}</em>
+    <br />
+    {%- if form.instance.customer -%}
+    <em>{%- trans -%}Account number: {%- endtrans -%}&nbsp;{{ form.instance.customer.account_id }}</em>
+    {%- endif -%}
+</p>
 
+{%- endblock -%}
 
+{%- block script -%}
+{{ super() }}
+{%- if not form.instance.profile_pict -%}
+<script src="{{ static('core/js/webcam.js') }}"></script>
+<script language="JavaScript">
+    Webcam.on('error', function (msg) { console.log('Webcam.js error: ' + msg) })
+    Webcam.set({
+        width: 320,
+        height: 240,
+        dest_width: 320,
+        dest_height: 240,
+        image_format: 'jpeg',
+        jpeg_quality: 90,
+        force_flash: false
+    });
+    Webcam.attach('#camera_canvas');
+    function take_snapshot() {
+        var data_uri = Webcam.snap();
+        var url = "{{ url('core:user_profile_upload', user_id=form.instance.id) }}";
+        Webcam.upload(data_uri, url, function (code, text) {
+            if (code == 302 || code == 200) {
+                $('#new_profile').attr('src', data_uri);
+                $('#take_picture').remove();
+                $('#id_profile_pict').remove();
+            } else {
+                console.log("Unknown error: ");
+                console.log(text);
+            }
+        }, "new_profile_pict", { name: 'csrfmiddlewaretoken', value: '{{ csrf_token }}' });
+    }
+</script>
+{%- endif -%}
+{%- endblock -%}
\ No newline at end of file
diff --git a/core/templates/core/user_group.jinja b/core/templates/core/user_group.jinja
index b062cafb..80f5a51c 100644
--- a/core/templates/core/user_group.jinja
+++ b/core/templates/core/user_group.jinja
@@ -1,14 +1,21 @@
 {% extends "core/base.jinja" %}
 
+{%- block additional_css -%}
+<link rel="stylesheet" href="{{ scss('core/override.scss') }}">
+<link rel="stylesheet" href="{{ scss('user/user_group.scss') }}">
+{%- endblock -%}
+
 {% block content %}
 <h2>{% trans user_name=profile.get_full_name() %}Edit user groups for {{ user_name }}{% endtrans %}</h2>
 <form action="" method="post">
-    {% csrf_token %}
-    {{ form.as_p() }}
-    <p><input type="submit" value="{% trans %}Update{% endtrans %}" /></p>
+    <main>
+        <h2>{% trans user_name=profile.get_full_name() %}Edit user groups for {{ user_name }}{% endtrans %}</h2>
+        <form action="" method="post">
+            {% csrf_token %}
+            {{ form.as_p() }}
+            <p><input type="submit" value="{% trans %}Update{% endtrans %}" /></p>
+        </form>
+        <input type="submit" value="{% trans %}Update{% endtrans %}" />
 </form>
-{% endblock %}
-
-
-
-
+</main>
+{%- endblock -%}
\ No newline at end of file
diff --git a/core/templates/core/user_preferences.jinja b/core/templates/core/user_preferences.jinja
index 97416f47..a2825422 100644
--- a/core/templates/core/user_preferences.jinja
+++ b/core/templates/core/user_preferences.jinja
@@ -1,46 +1,67 @@
 {% extends "core/base.jinja" %}
 
+{%- block additional_css -%}
+<link rel="stylesheet" href="{{ scss('core/override.scss') }}">
+<link rel="stylesheet" href="{{ scss('user/user_preferences.scss') }}">
+{%- endblock -%}
+
 {% block title %}
 {% trans %}Preferences{% endtrans %}
 {% endblock %}
 
 {% block content %}
 <h2>{% trans %}Preferences{% endtrans %}</h2>
-<form action="" method="post" enctype="multipart/form-data">
+<h3>{% trans %}General{% endtrans %}</h3>
+<form class="form form-general" action="" method="post" enctype="multipart/form-data">
     {% csrf_token %}
     {{ form.as_p() }}
-    <p><input type="submit" value="{% trans %}Save{% endtrans %}" /></p>
+    <input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
 </form>
-<h4>{% trans %}Trombi{% endtrans %}</h4>
+
+<h3>{% trans %}Trombi{% endtrans %}</h3>
+
 {% if trombi_form %}
-<form action="{{ url('trombi:user_tools') }}" method="post" enctype="multipart/form-data">
+<form class="form form-trombi" action="{{ url('trombi:user_tools') }}" method="post" enctype="multipart/form-data">
     {% csrf_token %}
     {{ trombi_form.as_p() }}
-    <p><input type="submit" value="{% trans %}Save{% endtrans %}" /></p>
+    <input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
 </form>
+
 {% else %}
 <p>{% trans trombi=user.trombi_user.trombi %}You already choose to be in that Trombi: {{ trombi }}.{% endtrans %}
-<a href="{{ url('trombi:user_tools') }}">{% trans %}Go to my Trombi tools{% endtrans %}</a></p>
+    <br />
+    <a href="{{ url('trombi:user_tools') }}">{% trans %}Go to my Trombi tools{% endtrans %}</a>
+</p>
 {% endif %}
+
+
 {% if profile.customer %}
-<h4>{% trans %}Student cards{% endtrans %}</h4>
-<p>{% trans %}You can add a card by asking at a counter or add it yourself here. If you want to manually add a student card yourself, you'll need a NFC reader. We store the UID of the card which is 14 characters long.{% endtrans %}</p>
-<form action="{{ url('counter:add_student_card', customer_id=profile.customer.pk) }}" method="post">
-	{% csrf_token %}
-	{{ student_card_form.as_p() }}
-    <p><input type="submit" value="{% trans %}Save{% endtrans %}" /></p>
-</form>
+<h3>{% trans %}Student cards{% endtrans %}</h3>
+
 {% if profile.customer.student_cards.exists() %}
-	<ul>
+<ul>
     {% for card in profile.customer.student_cards.all() %}
-    	<li>{{ card.uid }} - <a href="{{ url('counter:delete_student_card', customer_id=profile.customer.pk, card_id=card.id) }}">{% trans %}Delete{% endtrans %}</a></li>
+    <li>
+        {{ card.uid }}
+        &nbsp;-&nbsp;
+        <a href="{{ url('counter:delete_student_card', customer_id=profile.customer.pk, card_id=card.id) }}">
+            {% trans %}Delete{% endtrans %}
+        </a>
+    </li>
     {% endfor %}
-	</ul>
+</ul>
 {% else %}
-<p>{% trans %}No student cards registered.{% endtrans %}</p>
+<em>{% trans %}No student card registered.{% endtrans %}</em>
+<p align="justify">{% trans %}You can add a card by asking at a counter or add it yourself here. If you want to manually
+    add a student card yourself, you'll need a NFC reader. We store the UID of the card which is 14 characters long.{%
+    endtrans %}</p>
 {% endif %}
+
+<form class="form form-cards" action="{{ url('counter:add_student_card', customer_id=profile.customer.pk) }}"
+    method="post">
+    {% csrf_token %}
+    {{ student_card_form.as_p() }}
+    <input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
+</form>
 {% endif %}
-{% endblock %}
-
-
-
+{% endblock %}
\ No newline at end of file
diff --git a/core/templates/core/user_stats.jinja b/core/templates/core/user_stats.jinja
index a481ca99..14a4244c 100644
--- a/core/templates/core/user_stats.jinja
+++ b/core/templates/core/user_stats.jinja
@@ -1,42 +1,55 @@
 {% extends "core/base.jinja" %}
 
+{%- block additional_css -%}
+<link rel="stylesheet" href="{{ scss('core/override.scss') }}">
+<link rel="stylesheet" href="{{ scss('user/user_stats.scss') }}">
+{%- endblock -%}
+
 {% block title %}
 {% trans user_name=profile.get_display_name() %}{{ user_name }}'s stats{% endtrans %}
 {% endblock %}
 
 {% block content %}
+<div class="row">
     {% if profile.permanencies %}
-    <h3>{% trans %}Permanencies{% endtrans %}</h3>
     <div>
-        <p>Total: {{ total_perm_time }}</p>
-        <p>Foyer: {{ total_foyer_time }}</p>
-        <p>MDE: {{ total_mde_time }}</p>
-        <p>La Gommette: {{ total_gommette_time }}</p>
+        <h3>{% trans %}Permanencies{% endtrans %}</h3>
+        <div class="flexed">
+            <div><span>Foyer :</span><span>{{ total_foyer_time }}</span></div>
+            <div><span>Gommette :</span><span>{{ total_gommette_time }}</span></div>
+            <div><span>MDE :</span><span>{{ total_mde_time }}</span></div>
+            <div><b>Total :</b><b>{{ total_perm_time }}</b></div>
+        </div>
     </div>
     {% endif %}
-    <h3>{% trans %}Buyings{% endtrans %}</h3>
+
     <div>
-        <p>Foyer: {{ total_foyer_buyings }} €</p>
-        <p>MDE: {{ total_mde_buyings }} €</p>
-        <p>La Gommette: {{ total_gommette_buyings }} €</p>
+        <h3>{% trans %}Buyings{% endtrans %}</h3>
+        <div class="flexed">
+            <div><span>Foyer :</span><span>{{ total_foyer_buyings }}&nbsp;€</span></div>
+            <div><span>Gommette :</span><span>{{ total_gommette_buyings }}&nbsp;€</span></div>
+            <div><span>MDE :</span><span>{{ total_mde_buyings }}&nbsp;€</span></div>
+            <div><b>Total :</b><b>{{ total_foyer_buyings + total_gommette_buyings + total_mde_buyings }}&nbsp;€</b>
+            </div>
+        </div>
     </div>
-    <h3>{% trans %}Product top 10{% endtrans %}</h3>
-    <table>
-        <thead>
-            <tr>
-                <td>{% trans %}Product{% endtrans %}</td>
-                <td>{% trans %}Quantity{% endtrans %}</td>
-            </tr>
-        </thead>
-        <tbody>
+</div>
+
+<h3>{% trans %}Product top 10{% endtrans %}</h3>
+<table>
+    <thead>
+        <tr>
+            <td>{% trans %}Product{% endtrans %}</td>
+            <td>{% trans %}Quantity{% endtrans %}</td>
+        </tr>
+    </thead>
+    <tbody>
         {% for p in top_product %}
-            <tr>
-                <td>{{ p['product__name'] }}</td>
-                <td>{{ p['product_sum'] }}</td>
-            </tr>
+        <tr>
+            <td>{{ p['product__name'] }}</td>
+            <td>{{ p['product_sum'] }}</td>
+        </tr>
         {% endfor %}
-        </tbody>
-    </table>
-{% endblock %}
-
-
+    </tbody>
+</table>
+{% endblock %}
\ No newline at end of file
diff --git a/core/templates/core/user_tools.jinja b/core/templates/core/user_tools.jinja
index 4804f016..94591c2f 100644
--- a/core/templates/core/user_tools.jinja
+++ b/core/templates/core/user_tools.jinja
@@ -1,5 +1,9 @@
 {% extends "core/base.jinja" %}
 
+{%- block additional_css -%}
+<link rel="stylesheet" href="{{ scss('core/override.scss') }}">
+{%- endblock -%}
+
 {% block title %}
 {% trans user_name=user.get_display_name() %}{{ user_name }}'s tools{% endtrans %}
 {% endblock %}
@@ -7,14 +11,15 @@
 {% block content %}
 <h3>{% trans %}User Tools{% endtrans %}</h3>
 
-<hr>
+{% if user.can_create_subscription or user.is_root or user.is_board_member %}
 <h4>{% trans %}Sith management{% endtrans %}</h4>
 <ul>
     {% if user.is_root %}
     <li><a href="{{ url('core:group_list') }}">{% trans %}Groups{% endtrans %}</a></li>
     <li><a href="{{ url('rootplace:merge') }}">{% trans %}Merge users{% endtrans %}</a></li>
     <li><a href="{{ url('rootplace:operation_logs') }}">{% trans %}Operation logs{% endtrans %}</a></li>
-    <li><a href="{{ url('rootplace:delete_forum_messages') }}">{% trans %}Delete user's forum messages{% endtrans %}</a></li>
+    <li><a href="{{ url('rootplace:delete_forum_messages') }}">{% trans %}Delete user's forum messages{% endtrans %}</a>
+    </li>
     {% endif %}
     {% if user.can_create_subscription or user.is_root %}
     <li><a href="{{ url('subscription:subscription') }}">{% trans %}Subscriptions{% endtrans %}</a></li>
@@ -24,8 +29,8 @@
     <li><a href="{{ url('club:club_new') }}">{% trans %}New club{% endtrans %}</a></li>
     {% endif %}
 </ul>
+{% endif %}
 
-<hr>
 <h4>{% trans %}Counters{% endtrans %}</h4>
 <ul>
     {% if user.is_in_group(settings.SITH_GROUP_COUNTER_ADMIN_ID) or user.is_root %}
@@ -54,7 +59,6 @@
     {% endfor %}
 </ul>
 
-<hr>
 <h4>{% trans %}Accounting{% endtrans %}</h4>
 <ul>
     {% if user.is_in_group(settings.SITH_GROUP_ACCOUNTING_ADMIN_ID) or user.is_root %}
@@ -62,20 +66,28 @@
     <li><a href="{{ url('accounting:bank_list') }}">{% trans %}General accounting{% endtrans %}</a></li>
     <li><a href="{{ url('accounting:co_list') }}">{% trans %}Company list{% endtrans %}</a></li>
     {% endif %}
+
     {% for m in user.memberships.filter(end_date=None).filter(role__gte=7).all() -%}
     {%- for b in m.club.bank_accounts.all() %}
-    <li><strong>{% trans %}Bank account: {% endtrans %}</strong>
-        <a href="{{ url('accounting:bank_details', b_account_id=b.id) }}">{{ b }}</a></li>
+    <li>
+        <strong>{% trans %}Bank account: {% endtrans %}</strong>
+        <a href="{{ url('accounting:bank_details', b_account_id=b.id) }}">{{ b }}</a>
+    </li>
     {%- endfor %}
+
     {% if m.club.club_account.exists() -%}
-        {% for ca in m.club.club_account.all() %}
-        <li><strong>{% trans %}Club account: {% endtrans %}</strong> <a href="{{ url('accounting:club_details', c_account_id=ca.id) }}">{{ ca }}</a></li>
-        {%- endfor %}
+    {% for ca in m.club.club_account.all() %}
+    <li>
+        <strong>{% trans %}Club account: {% endtrans %}</strong>
+        <a href="{{ url('accounting:club_details', c_account_id=ca.id) }}">{{ ca }}</a>
+    </li>
+    {%- endfor %}
     {%- endif -%}
     {%- endfor %}
 </ul>
 
-<hr>
+{% if user.is_in_group(settings.SITH_GROUP_SAS_ADMIN_ID) or user.is_in_group(settings.SITH_GROUP_COM_ADMIN_ID) or
+user.is_root %}
 <h4>{% trans %}Communication{% endtrans %}</h4>
 <ul>
     {% if user.is_in_group(settings.SITH_GROUP_COM_ADMIN_ID) or user.is_root %}
@@ -95,26 +107,25 @@
     <li><a href="{{ url('sas:moderation') }}">{% trans %}Moderate pictures{% endtrans %}</a></li>
     {% endif %}
 </ul>
+{% endif %}
 
-
-<hr>
+{% if user.memberships.filter(end_date=None).all().count() > 0 %}
 <h4>{% trans %}Club tools{% endtrans %}</h4>
 <ul>
     {% for m in user.memberships.filter(end_date=None).all() %}
     <li><a href="{{ url('club:tools', club_id=m.club.id) }}">{{ m.club }}</a></li>
     {% endfor %}
 </ul>
+{% endif %}
 
-<hr>
+{% if user.is_in_group(settings.SITH_GROUP_PEDAGOGY_ADMIN_ID) or user.is_root %}
 <h4>{% trans %}Pedagogy{% endtrans %}</h4>
 <ul>
-    {% if user.is_in_group(settings.SITH_GROUP_PEDAGOGY_ADMIN_ID) or user.is_root %}
     <li><a href="{{ url('pedagogy:uv_create') }}">{% trans %}Create UV{% endtrans %}</a></li>
     <li><a href="{{ url('pedagogy:moderation') }}">{% trans %}Moderate comments{% endtrans %}</a></li>
-    {% endif %}
 </ul>
+{% endif %}
 
-<hr>
 <h4>{% trans %}Elections{% endtrans %}</h4>
 <ul>
     <li><a href="{{ url('election:list') }}">{% trans %}See available elections{% endtrans %}</a></li>
@@ -124,14 +135,11 @@
     {%- endif -%}
 </ul>
 
-<hr>
 <h4>{% trans %}Other tools{% endtrans %}</h4>
 <ul>
-    <li><a href="{{ url('core:to_markdown') }}">{% trans %}Convert dokuwiki/BBcode syntax to Markdown{% endtrans %}</a></li>
+    <li><a href="{{ url('core:to_markdown') }}">{% trans %}Convert dokuwiki/BBcode syntax to Markdown{% endtrans %}</a>
+    </li>
     <li><a href="{{ url('trombi:user_tools') }}">{% trans %}Trombi tools{% endtrans %}</a></li>
 </ul>
 
-{% endblock %}
-
-
-
+{% endblock %}
\ No newline at end of file
diff --git a/locale/fr/LC_MESSAGES/django.po b/locale/fr/LC_MESSAGES/django.po
index e2b442a5..4e1ade61 100644
--- a/locale/fr/LC_MESSAGES/django.po
+++ b/locale/fr/LC_MESSAGES/django.po
@@ -2214,8 +2214,8 @@ msgid "Visitor"
 msgstr "Visiteur"
 
 #: core/models.py:787
-msgid "do you want to receive the weekmail"
-msgstr "voulez-vous recevoir le Weekmail"
+msgid "receive the Weekmail"
+msgstr "recevoir le Weekmail"
 
 #: core/models.py:789
 msgid "show your stats to others"
@@ -2223,11 +2223,11 @@ msgstr "montrez vos statistiques aux autres"
 
 #: core/models.py:791
 msgid "get a notification for every click"
-msgstr "recevez une notification pour chaque click"
+msgstr "avoir une notification pour chaque click"
 
 #: core/models.py:794
 msgid "get a notification for every refilling"
-msgstr "recevez une notification pour chaque rechargement"
+msgstr "avoir une notification pour chaque rechargement"
 
 #: core/models.py:817
 msgid "file name"
@@ -3361,8 +3361,8 @@ msgstr ""
 "14 caractères de long."
 
 #: core/templates/core/user_preferences.jinja:40
-msgid "No student cards registered."
-msgstr "Aucune cartes étudiante enregistré."
+msgid "No student card registered."
+msgstr "Aucune carte étudiante enregistrée."
 
 #: core/templates/core/user_stats.jinja:4
 #, python-format