Move footer some items to header

- Header elements are now enclosed in a media layout
- Footer elements are not in a card-footer anymore

bookwyrm/templates/snippets/status/layout.html

@@ -13,7 +13,7 @@
 {% block card-content %}{% endblock %}
 
 {% block card-footer %}
-<div class="card-footer-item">
+<div class="card-content pt-0">
     {% if moderation_mode and perms.bookwyrm.moderate_post %}
 
     {# moderation options #}
@@ -55,19 +55,6 @@
     </a>
     {% endif %}
 </div>
-
-<div class="card-footer-item">
-    {% include 'snippets/privacy-icons.html' with item=status %}
-</div>
-
-<div class="card-footer-item">
-    <a href="{{ status.remote_id }}">{{ status.published_date | post_date }}</a>
-</div>
-{% if not moderation_mode %}
-<div class="card-footer-item">
-    {% include 'snippets/status/status_options.html' with class="is-small" right=True %}
-</div>
-{% endif %}
 {% endblock %}
 
 

bookwyrm/templates/snippets/status/status_header.html

@@ -1,5 +1,18 @@
 {% load bookwyrm_tags %}
 {% load i18n %}
+
+<div class="media">
+    <figure class="media-left">
+        <a class="image is-48x48" href="{{ status.user.local_path }}">
+            {% include 'snippets/avatar.html' with user=status.user ariaHide="true" medium="true" %}
+        </a>    
+    </figure>
+
+    <div class="media-content">
+        <p class="is-size-7">
+            <a href="{{ status.remote_id }}">{{ status.published_date | post_date }}</a>
+            {% include 'snippets/privacy-icons.html' with item=status %}
+        </p>
         <span
             itemprop="author"
             itemscope
@@ -9,8 +22,6 @@
                 href="{{ status.user.local_path }}"
                 itemprop="url"
             >
-        {% include 'snippets/avatar.html' with user=status.user ariaHide="true" %}
-
                 <span itemprop="name">{{ status.user.display_name }}</span>
             </a>
         </span>
@@ -67,6 +78,13 @@
 
         {% if status.progress %}
         <p class="help">
-({% if status.progress_mode == 'PG' %}{% include 'snippets/page_text.html' with page=status.progress total_pages=status.book.pages %}{% else %}{{ status.progress }}%{% endif %})
+        ({% if status.progress_mode == 'PG' %}
+            {% include 'snippets/page_text.html' with page=status.progress total_pages=status.book.pages %}
+        {% else %}
+            {{ status.progress }}%
+        {% endif %})
         </p>
         {% endif %}
+    </div>
+</div>
+