Moved post-info block out of the message block

boards/static/css/md/base_page.css

@@ -309,6 +309,7 b' li {'
 
 .post-info {
     color: #ddd;
+    margin-bottom: 1ex;
 }
 
 .moderator_info {

boards/templates/boards/post.html

@@ -14,6 +14,38 b''
             <div class="post dead_post" id="{{ post.id }}">
         {% endif %}
 
+        <div class="post-info">
+            <a class="post_id" href="{% post_object_url post thread=thread %}"
+                {% if not truncated and not thread.archived %}
+                    onclick="javascript:addQuickReply('{{ post.id }}'); return false;"
+                    title="{% trans 'Quote' %}"
+                {% endif %}
+                >({{ post.id }}) </a>
+            <span class="title">{{ post.title }} </span>
+            <span class="pub_time">{{ post.pub_time }}</span>
+            {% if thread.archived %}
+                — {{ thread.bump_time }}
+            {% endif %}
+            {% if is_opening and need_open_link %}
+                {% if thread.archived %}
+                    [<a class="link" href="{% url 'thread' post.id %}">{% trans "Open" %}</a>]
+                {% else %}
+                    [<a class="link" href="{% url 'thread' post.id %}#form">{% trans "Reply" %}</a>]
+                {% endif %}
+            {% endif %}
+
+            {% if moderator %}
+                <span class="moderator_info">
+                    [<a href="{% url 'post_admin' post_id=post.id %}"
+                        >{% trans 'Edit' %}</a>]
+                    [<a href="{% url 'delete' post_id=post.id %}"
+                        >{% trans 'Delete' %}</a>]
+                    ({{ post.poster_ip }})
+                    [<a href="{% url 'ban' post_id=post.id %}?next={{ request.path }}"
+                        >{% trans 'Ban IP' %}</a>]
+                </span>
+            {% endif %}
+        </div>
         {% if post.image %}
             <div class="image">
                 <a
@@ -29,38 +61,6 b''
             </div>
         {% endif %}
         <div class="message">
-            <div class="post-info">
-                <a class="post_id" href="{% post_object_url post thread=thread %}"
-                    {% if not truncated and not thread.archived %}
-                        onclick="javascript:addQuickReply('{{ post.id }}'); return false;"
-                        title="{% trans 'Quote' %}"
-                    {% endif %}
-                    >({{ post.id }}) </a>
-                <span class="title">{{ post.title }} </span>
-                <span class="pub_time">{{ post.pub_time }}</span>
-                {% if thread.archived %}
-                    — {{ thread.bump_time }}
-                {% endif %}
-                {% if is_opening and need_open_link %}
-                    {% if thread.archived %}
-                        [<a class="link" href="{% url 'thread' post.id %}">{% trans "Open" %}</a>]
-                    {% else %}
-                        [<a class="link" href="{% url 'thread' post.id %}#form">{% trans "Reply" %}</a>]
-                    {% endif %}
-                {% endif %}
-
-                {% if moderator %}
-                    <span class="moderator_info">
-                        [<a href="{% url 'post_admin' post_id=post.id %}"
-                            >{% trans 'Edit' %}</a>]
-                        [<a href="{% url 'delete' post_id=post.id %}"
-                            >{% trans 'Delete' %}</a>]
-                        ({{ post.poster_ip }})
-                        [<a href="{% url 'ban' post_id=post.id %}?next={{ request.path }}"
-                            >{% trans 'Ban IP' %}</a>]
-                    </span>
-                {% endif %}
-            </div>
             {% autoescape off %}
                 {% if truncated %}
                     {{ post.text.rendered|truncatewords_html:50 }}