Last reply in topics now has an avatar!

assets/less/mio/classes/forum/topics.less

@@ -89,18 +89,33 @@
             text-align: center;
             padding-left: 1px;
             min-width: 70px;
+            flex-direction: column;
+            justify-content: center;
         }
 
         &__activity {
             min-width: 200px;
             padding-left: 3px;
+            align-items: center;
+
+            &__info {
+                flex-grow: 1;
+                flex-shrink: 1;
+                margin-left: 3px;
+            }
+
+            &__avatar {
+                width: 36px;
+                height: 36px;
+                flex-grow: 0;
+                flex-shrink: 0;
+                margin-right: 2px;
+            }
         }
 
         &__stats,
         &__activity {
-            display: inline-flex;
+            display: flex;
-            flex-direction: column;
-            justify-content: center;
             flex-shrink: 0;
             flex-grow: 0;
             border-left: 1px solid #9475b2;

views/mio/forum/macros.twig

@@ -173,6 +173,7 @@
         </div>
 
         <div class="forum__topics__entry__activity">
+            <div class="forum__topics__entry__activity__info">
                 <div class="forum__topics__entry__activity__datetime">
                     <a href="/forum/topic.php?p={{ topic.response_id }}#p{{ topic.response_id }}" class="forum__topics__entry__activity__datetime__link">
                         {{ topic.response_created }}
@@ -186,6 +187,15 @@
                     </div>
                 {% endif %}
             </div>
+
+            {% if topic.respondent_id is not null %}
+                <a
+                    href="/profile.php?u={{ topic.respondent_id }}"
+                    class="avatar forum__topics__entry__activity__avatar"
+                    style="background-image:url('/profile.php?u={{ topic.respondent_id }}&amp;m=avatar')">
+                </a>
+            {% endif %}
+        </div>
     </div>
 {% endmacro %}