From a5359d1f80d969b962abd775679daa9ac47bf2ca Mon Sep 17 00:00:00 2001
From: Fabien Basmaison <contact@arkhi.org>
Date: Tue, 27 Apr 2021 20:30:10 +0200
Subject: [PATCH] cover: Update author.

---
 bookwyrm/static/css/bookwyrm.css            | 30 +++++++++++++++++++++
 bookwyrm/templates/snippets/book_tiles.html | 13 +++++----
 2 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css
index 98801fa14..1c3cce937 100644
--- a/bookwyrm/static/css/bookwyrm.css
+++ b/bookwyrm/static/css/bookwyrm.css
@@ -315,6 +315,9 @@ body {
 .is-w-l {
     width: 200px !important;
 }
+.is-w-xxl {
+    width: 250px !important;
+}
 
 .is-w-xxl {
     width: 500px !important;
@@ -335,6 +338,9 @@ body {
 .is-h-l {
     height: 200px !important;
 }
+.is-h-xxl {
+    height: 250px !important;
+}
 
 .is-h-xxl {
     height: 500px !important;
@@ -361,6 +367,10 @@ body {
         width: 200px !important;
     }
 
+    .is-w-xl-mobile {
+        width: 250px !important;
+    }
+
     .is-w-xxl-mobile {
         width: 500px !important;
     }
@@ -381,6 +391,10 @@ body {
         height: 200px !important;
     }
 
+    .is-h-xl-mobile {
+        height: 250px !important;
+    }
+
     .is-h-xxl-mobile {
         height: 500px !important;
     }
@@ -407,6 +421,10 @@ body {
         width: 200px !important;
     }
 
+    .is-w-xl-tablet {
+        width: 250px !important;
+    }
+
     .is-w-xxl-tablet {
         width: 500px !important;
     }
@@ -427,6 +445,10 @@ body {
         height: 200px !important;
     }
 
+    .is-h-xl-tablet {
+        height: 250px !important;
+    }
+
     .is-h-xxl-tablet {
         height: 500px !important;
     }
@@ -453,6 +475,10 @@ body {
         width: 200px !important;
     }
 
+    .is-w-xl-desktop {
+        width: 250px !important;
+    }
+
     .is-w-xxl-desktop {
         width: 500px !important;
     }
@@ -473,6 +499,10 @@ body {
         height: 200px !important;
     }
 
+    .is-h-xl-desktop {
+        height: 250px !important;
+    }
+
     .is-h-xxl-desktop {
         height: 500px !important;
     }
diff --git a/bookwyrm/templates/snippets/book_tiles.html b/bookwyrm/templates/snippets/book_tiles.html
index 1867a8a8e..32c9f90c6 100644
--- a/bookwyrm/templates/snippets/book_tiles.html
+++ b/bookwyrm/templates/snippets/book_tiles.html
@@ -1,10 +1,13 @@
-<div class="columns is-multiline">
+<div class="columns is-mobile is-multiline">
     {% for book in books %}
     <div class="column is-narrow">
-        <div class="box">
-            <a href="/book/{{ book.id }}">
-                {% include 'snippets/book_cover.html' with book=book %}
-            </a>
+        <div class="box is-flex is-flex-direction-column is-align-items-center">
+            <div class="mb-3">
+                <a href="/book/{{ book.id }}">
+                    {% include 'snippets/book_cover.html' with book=book cover_class='is-w-l-mobile is-h-l-mobile is-w-l-tablet is-h-xl-tablet' %}
+                </a>
+            </div>
+
             {% include 'snippets/shelve_button/shelve_button.html' with book=book switch_mode=True %}
         </div>
     </div>