Display profile pics in group members links

src/character/templates/character/character_details.html

@@ -15,7 +15,18 @@
                 <p>
                     Groupe : <a href="{{ party.get_absolute_url }}">{{ party }}</a>
                     &bullet;
-                    Joueurs : {% for other in party.characters.all %}<a href="{% url "character:view" pk=other.pk %}?party={{ party.pk }}">{{ other }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
+                    Joueurs :
+                    {% for other in party.characters.all %}
+                        <a href="{% url "character:view" pk=other.pk %}?party={{ party.pk }}">
+                            {% if other.profile_picture %}
+                                <img class="rounded-5 profile-pic-small"
+                                    src="{{ other.profile_picture.url }}"
+                                    alt="Image de profil"
+                                >
+                            {% endif %}
+                            {{ other }}
+                        </a>{% if not forloop.last %}, {% endif %}
+                    {% endfor %}
                 </p>
             {% endif %}
             {% if character|managed_by:user %}

src/character/templates/character/snippets/characters_list/character_card.html

@@ -5,7 +5,7 @@
             <h5 class="card-title">
                 {% if character.profile_picture %}
                     <img src="{{ character.profile_picture.url }}"
-                        class="profile-pic rounded-5"
+                        class="profile-pic-small rounded-5"
                         alt="Image de profil"
                     >
                 {% endif %}

src/common/static/style.css

@@ -11,7 +11,7 @@ blockquote {
     border-left: solid #d5d5d5 4px;
 }
 
-.card img.profile-pic {
+img.profile-pic-small {
     width: 28px;
     height: 28px;
     object-fit: cover;