Display post date for post

misago/static/misago/css/misago/posts.less

@@ -70,6 +70,8 @@
       border-bottom: none;
       margin-bottom: @line-height-computed * -0.5;
 
+      color: @text-muted;
+
       .user-name {
         color: @state-default;
         font-weight: bold;
@@ -90,6 +92,27 @@
           text-decoration: text-underline;
         }
       }
+
+      .separator {
+        margin-left: @font-size-base / 3;
+        margin-right: @font-size-base / 3;
+      }
+
+      .post-date {
+        &:link, &:visited {
+          color: @state-default;
+        }
+
+        &:hover, &:focus {
+          color: @state-hover;
+          text-decoration: underline;
+        }
+
+        &:active {
+          color: @state-clicked;
+          text-decoration: underline;
+        }
+      }
     }
   }
 }

misago/templates/misago/thread/post.html

@@ -16,14 +16,19 @@
         {% if post.poster %}
         {% include "misago/user_state.html" with user=post.poster state=post.poster.online_state %}
         <a class="user-name" href="{% url USER_PROFILE_URL user_slug=post.poster.slug user_id=post.poster.id %}">
-          {{ post.poster.username }}
-        </a>
+          {{ post.poster.username }}</a>
         {% else %}
         <span class="fa fa-power-off fa-fw user-offline tooltip-top" title="{% blocktrans with user=post.poster_name %}{{ user }}'s forum account has been deleted.{% endblocktrans %}"></span>
         <span class="user-name">
           {{ post.poster_name }}
         </span>
         {% endif %}
+
+        <span class="separator">&ndash;</span>
+
+        <a href="" class="post-date tooltip-top dynamic time-ago" title="{{ post.posted_on }}" data-timestamp="{{ post.posted_on|date:"c" }}">
+          {{ post.posted_on|date }}
+        </a>
       </div>
       <div class="panel-body">
         {% if post.is_valid %}