From 1fd44aeb5c51e7ed241c7dfa13c7d82d8d50db00 Mon Sep 17 00:00:00 2001
From: Joachim <joachim.robert@protonmail.com>
Date: Tue, 21 Dec 2021 11:43:45 +0100
Subject: [PATCH] Style fixes

---
 bookwyrm/static/css/bookwyrm.css              | 3 ++-
 bookwyrm/templates/annual_summary/layout.html | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css
index fba5c30a4..b63ac0725 100644
--- a/bookwyrm/static/css/bookwyrm.css
+++ b/bookwyrm/static/css/bookwyrm.css
@@ -561,7 +561,7 @@ ol.ordered-list li::before {
 .books-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
-    gap: 2em;
+    gap: 1.5rem;
     align-items: end;
     justify-items: center;
 }
@@ -570,6 +570,7 @@ ol.ordered-list li::before {
     grid-column: span 2;
     grid-row: span 2;
     justify-self: stretch;
+    padding: 1.5rem 1.5rem 0;
 }
 
 .books-grid .book-cover {
diff --git a/bookwyrm/templates/annual_summary/layout.html b/bookwyrm/templates/annual_summary/layout.html
index 7dec0d8fe..a259b6e6d 100644
--- a/bookwyrm/templates/annual_summary/layout.html
+++ b/bookwyrm/templates/annual_summary/layout.html
@@ -117,7 +117,7 @@
         <div class="column is-3 is-offset-3">
             <a href="{{ book_rating_highest.book.local_path }}">{% include 'snippets/book_cover.html' with book=book_rating_highest.book cover_class='is-w-auto-tablet is-h-l-mobile' %}</a>
         </div>
-        <div class="column is-3">
+        <div class="column is-4">
             {% trans "Your best rated review" %}
             <p class="title is-4 is-serif is-italic">
                 <a href="{{ book_rating_highest.book.local_path }}" class="has-text-link-dark">