public/css/components/post_mini.css

@@ -9,6 +9,16 @@
   a {
     text-decoration: none;
     color: black;
+
+    img {
+      margin-right: 5px;
+    }
+  }
+
+  .profile {
+    display: flex;
+    flex-direction: rows;
+    align-items: center;
   }
 
   &.nightmare {

templates/post/post_mini.html.twig

@@ -2,11 +2,10 @@
 <div id="post-wrapper" class="{% if post.dream %}nightmare{% endif %}">
   <div id="post">
     <div id="post-info">
-      <a href="{{ path('profil_show', {'id': post.profil.id}) }}">
+      <a class="profile" href="{{ path('profil_show', {'id': post.profil.id}) }}">
         <img src="https://api.dicebear.com/8.x/big-smile/svg?seed={{ post.profil.name }}" width="40px">
-      </a>
         <span>{{ post.profil.name }}</span>
-      {# <span>- {{ post.dateCreated }}</span> #}
+      </a>
       <span>-</span>
       <span>{{ post.createdAt|date('l, F j, Y') }}</span>
     </div>