More legible statuses on mobile

bookwyrm/templates/snippets/book_preview.html

@@ -1,11 +1,11 @@
-<div class="media">
-    <div class="media-left">
+<div class="columns">
+    <div class="column is-narrow">
         <div>
         <a href="/book/{{ book.id }}">{% include 'snippets/book_cover.html' with book=book %}</a>
         {% include 'snippets/shelve_button.html' with book=book %}
         </div>
     </div>
-    <div class="media-content">
+    <div class="column">
         <h3 class="title is-6">{% include 'snippets/book_titleby.html' with book=book %}</h3>
         {% include 'snippets/book_description.html' with book=book %}
     </div>

bookwyrm/templates/snippets/status.html

@@ -17,7 +17,7 @@
                 {% include 'snippets/status_header.html' with status=status %}
                 {% endif %}
             </p>
-</div>
+        </div>
     </header>
 
     <div class="card-content">