From b2f6c61bb621c300c7d4e8806249183e15065508 Mon Sep 17 00:00:00 2001
From: Joachim <joachim.robert@protonmail.com>
Date: Tue, 28 Dec 2021 17:40:13 +0100
Subject: [PATCH 1/4] Slightly better quality images

---
 bookwyrm/templates/annual_summary/layout.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/bookwyrm/templates/annual_summary/layout.html b/bookwyrm/templates/annual_summary/layout.html
index cc800db5..0553ff4f 100644
--- a/bookwyrm/templates/annual_summary/layout.html
+++ b/bookwyrm/templates/annual_summary/layout.html
@@ -130,7 +130,7 @@
     {% if book_pages_lowest and book_pages_highest %}
     <div class="columns is-align-items-center mt-5">
         <div class="column is-2 is-offset-1">
-            <a href="{{ book_pages_lowest.local_path }}">{% include 'snippets/book_cover.html' with book=book_pages_lowest cover_class='is-w-auto-tablet is-h-l-mobile' %}</a>
+            <a href="{{ book_pages_lowest.local_path }}">{% include 'snippets/book_cover.html' with book=book_pages_lowest cover_class='is-w-auto-tablet is-h-l-mobile' size='xxlarge' %}</a>
         </div>
         <div class="column is-3">
             {% trans "Their shortest read this year…" %}
@@ -151,7 +151,7 @@
             </p>
         </div>
         <div class="column is-2">
-            <a href="{{ book_pages_highest.local_path }}">{% include 'snippets/book_cover.html' with book=book_pages_highest cover_class='is-w-auto-tablet is-h-l-mobile' %}</a>
+            <a href="{{ book_pages_highest.local_path }}">{% include 'snippets/book_cover.html' with book=book_pages_highest cover_class='is-w-auto-tablet is-h-l-mobile' size='xxlarge' %}</a>
         </div>
         <div class="column is-3">
             {% trans "…and the longest" %}
@@ -189,8 +189,8 @@
         </div>
     </div>
     <div class="columns is-align-items-center">
-        <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 class="column is-2 is-offset-4">
+            <a href="{{ book_rating_highest.book.local_path }}">{% include 'snippets/book_cover.html' with book=book_rating_highest.book cover_class='is-w-xl-tablet is-h-l-mobile' size='xxlarge' %}</a>
         </div>
         {% if book_rating_highest %}
         <div class="column is-4">
@@ -242,7 +242,7 @@
                 </a>
                 {% else %}
                 <a href="{{ book.local_path }}" class="has-text-centered has-text-success-dark">
-                    {% include 'snippets/book_cover.html' with book=book cover_class='is-w-auto' size='large' %}
+                    {% include 'snippets/book_cover.html' with book=book cover_class='is-w-auto' size='xlarge' %}
                     <span class="book-title is-serif is-size-6">
                         {{ book.title }}
                     </span>

From 9e0ebc3ec71abc4f084100f9659afd02329d22c3 Mon Sep 17 00:00:00 2001
From: Joachim <joachim.robert@protonmail.com>
Date: Tue, 28 Dec 2021 17:40:33 +0100
Subject: [PATCH 2/4] Fix hardcoded year in translation key

---
 bookwyrm/templates/annual_summary/layout.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bookwyrm/templates/annual_summary/layout.html b/bookwyrm/templates/annual_summary/layout.html
index 0553ff4f..bbb2ed4f 100644
--- a/bookwyrm/templates/annual_summary/layout.html
+++ b/bookwyrm/templates/annual_summary/layout.html
@@ -224,7 +224,7 @@
     <div class="columns">
         <div class="column has-text-centered">
             <h2 class="title is-3 is-serif">
-            {% blocktrans %}All the books {{ display_name }} read in 2021{% endblocktrans %}
+            {% blocktrans %}All the books {{ display_name }} read in {{ year }}{% endblocktrans %}
             </h2>
         </div>
     </div>

From b6e90ce2b2f7fdf6e539dfa192b3da17ac70adfd Mon Sep 17 00:00:00 2001
From: Joachim <joachim.robert@protonmail.com>
Date: Tue, 28 Dec 2021 17:58:10 +0100
Subject: [PATCH 3/4] Fix grid on mobile

---
 bookwyrm/static/css/bookwyrm.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css
index 629815b8..bf4b263f 100644
--- a/bookwyrm/static/css/bookwyrm.css
+++ b/bookwyrm/static/css/bookwyrm.css
@@ -612,8 +612,8 @@ ol.ordered-list li::before {
 
 .books-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
-    gap: 1.5rem;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1rem;
     align-items: end;
     justify-items: stretch;
 }
@@ -622,7 +622,6 @@ 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 {
@@ -638,6 +637,16 @@ ol.ordered-list li::before {
     min-height: calc(2 * var(--height-basis));
 }
 
+@media only screen and (min-width: 769px) {
+    .books-grid {
+        gap: 1.5rem;
+        grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
+    }
+    .books-grid > .is-big {
+        padding: 1.5rem 1.5rem 0;
+    }
+}
+
 /* Copy
  ******************************************************************************/
 

From b26d41cefc0e82f11dde8280f4474239ab5c660d Mon Sep 17 00:00:00 2001
From: Joachim <joachim.robert@protonmail.com>
Date: Tue, 28 Dec 2021 17:59:01 +0100
Subject: [PATCH 4/4] Update bookwyrm.css

---
 bookwyrm/static/css/bookwyrm.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css
index bf4b263f..aa49e640 100644
--- a/bookwyrm/static/css/bookwyrm.css
+++ b/bookwyrm/static/css/bookwyrm.css
@@ -642,6 +642,7 @@ ol.ordered-list li::before {
         gap: 1.5rem;
         grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
     }
+
     .books-grid > .is-big {
         padding: 1.5rem 1.5rem 0;
     }