From baaaeef4c076f2208a8d8ab8f1209d022d89038d Mon Sep 17 00:00:00 2001
From: Fabien Basmaison <contact@arkhi.org>
Date: Wed, 28 Apr 2021 10:47:14 +0200
Subject: [PATCH] cover: Fix little details.

---
 bookwyrm/static/css/bookwyrm.css       | 12 ++++++++++++
 bookwyrm/templates/book/edit_book.html |  2 +-
 bookwyrm/templates/lists/list.html     |  8 ++++----
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css
index 67555ae2..801c3635 100644
--- a/bookwyrm/static/css/bookwyrm.css
+++ b/bookwyrm/static/css/bookwyrm.css
@@ -525,6 +525,10 @@ body {
     justify-content: center !important;
 }
 
+.align.to-t {
+    align-items: flex-start !important;
+}
+
 .align.to-r {
     justify-content: flex-end !important;
 }
@@ -542,6 +546,10 @@ body {
         justify-content: center !important;
     }
 
+    .align.to-t-mobile {
+        align-items: flex-start !important;
+    }
+
     .align.to-r-mobile {
         justify-content: flex-end !important;
     }
@@ -556,6 +564,10 @@ body {
         justify-content: center !important;
     }
 
+    .align.to-t-tablet {
+        align-items: flex-start !important;
+    }
+
     .align.to-r-tablet {
         justify-content: flex-end !important;
     }
diff --git a/bookwyrm/templates/book/edit_book.html b/bookwyrm/templates/book/edit_book.html
index e57c39e2..8ebbeaae 100644
--- a/bookwyrm/templates/book/edit_book.html
+++ b/bookwyrm/templates/book/edit_book.html
@@ -170,7 +170,7 @@
             <h2 class="title is-4">{% trans "Cover" %}</h2>
             <div class="columns">
                 <div class="column is-3 is-cover">
-                    {% include 'snippets/book_cover.html' with book=book cover_class='is-w-auto' %}
+                    {% include 'snippets/book_cover.html' with book=book cover_class='is-h-xl-mobile is-w-auto-tablet' %}
                 </div>
 
                 <div class="column">
diff --git a/bookwyrm/templates/lists/list.html b/bookwyrm/templates/lists/list.html
index b28c469d..4c8dfd13 100644
--- a/bookwyrm/templates/lists/list.html
+++ b/bookwyrm/templates/lists/list.html
@@ -37,9 +37,9 @@
                                 columns is-mobile is-gapless
                             "
                         >
-                            <div class="column is-2-mobile is-cover">
+                            <div class="column is-2-mobile is-cover align to-t">
                                 <a href="{{ item.book.local_path }}" aria-hidden="true">
-                                    {% include 'snippets/book_cover.html' with cover_class='is-w-auto is-h-m is-h-s-mobile' %}
+                                    {% include 'snippets/book_cover.html' with cover_class='is-w-auto is-h-m-tablet' %}
                                 </a>
                             </div>
 
@@ -134,11 +134,11 @@
             {% for book in suggested_books %}
                 <div class="columns is-mobile is-gapless">
                     <a
-                        class="column is-cover align to-c"
+                        class="column is-2-mobile is-3-tablet is-cover align to-c"
                         href="{{ book.local_path }}"
                         aria-hidden="true"
                     >
-                        {% include 'snippets/book_cover.html' with book=book cover_class='is-w-s-tablet is-h-xs is-h-s-mobile' %}
+                        {% include 'snippets/book_cover.html' with book=book cover_class='is-w-auto is-h-s-mobile align to-t' %}
                     </a>
 
                     <div class="column ml-3">