diff --git a/bookwyrm/static/css/format.css b/bookwyrm/static/css/format.css
index 83dafc285..8867e7aa8 100644
--- a/bookwyrm/static/css/format.css
+++ b/bookwyrm/static/css/format.css
@@ -68,9 +68,12 @@ input.toggle-control:checked ~ .modal.toggle-content {
max-width: 250px;
}
.cover-container.is-large {
- height: 500px;
+ height: max-content;
max-width: 500px;
}
+.cover-container.is-large img {
+ max-height: 500px;
+}
.cover-container.is-medium {
height: 200px;
}
diff --git a/bookwyrm/templates/discover.html b/bookwyrm/templates/discover.html
index 855868de4..41112d469 100644
--- a/bookwyrm/templates/discover.html
+++ b/bookwyrm/templates/discover.html
@@ -1,5 +1,4 @@
{% extends 'layout.html' %}
-{% load bookwyrm_tags %}
{% block content %}
@@ -31,31 +30,18 @@
-
-
- {% include 'snippets/book_cover.html' with book=books.2 size="large" %}
- {% include 'snippets/stars.html' with rating=books.2.review__rating__avg %}
-
-
- {% include 'snippets/book_titleby.html' with book=books.2 %}
-
{{ books.2|book_description|to_markdown|safe|truncatewords_html:50 }}
-
-
+ {% include 'snippets/discover/large-book.html' with book=books.0 %}
- {% include 'snippets/book_cover.html' with book=books.0 %}
- {% include 'snippets/book_titleby.html' with book=books.0 %}
- {% include 'snippets/stars.html' with rating=books.0.review__rating__avg %}
+ {% include 'snippets/discover/small-book.html' with book=books.1 %}
- {% include 'snippets/book_cover.html' with book=books.1 %}
- {% include 'snippets/book_titleby.html' with book=books.1 %}
- {% include 'snippets/stars.html' with rating=books.1.review__rating__avg %}
+ {% include 'snippets/discover/small-book.html' with book=books.2 %}
@@ -64,31 +50,18 @@
- {% include 'snippets/book_cover.html' with book=books.4 %}
- {% include 'snippets/book_titleby.html' with book=books.4 %}
- {% include 'snippets/stars.html' with rating=books.4.review__rating__avg %}
+ {% include 'snippets/discover/small-book.html' with book=books.3 %}
- {% include 'snippets/book_cover.html' with book=books.5 %}
- {% include 'snippets/book_titleby.html' with book=books.5 %}
- {% include 'snippets/stars.html' with rating=books.5.review__rating__avg %}
+ {% include 'snippets/discover/small-book.html' with book=books.4 %}
-
-
- {% include 'snippets/book_cover.html' with book=books.3 size="large" %}
- {% include 'snippets/stars.html' with rating=books.3.review__rating__avg %}
-
-
- {% include 'snippets/book_titleby.html' with book=books.3 %}
-
{{ books.3|book_description|to_markdown|safe|truncatewords_html:50 }}
-
-
+ {% include 'snippets/discover/large-book.html' with book=books.5 %}
diff --git a/bookwyrm/templates/snippets/discover/large-book.html b/bookwyrm/templates/snippets/discover/large-book.html
new file mode 100644
index 000000000..9513ca809
--- /dev/null
+++ b/bookwyrm/templates/snippets/discover/large-book.html
@@ -0,0 +1,14 @@
+{% load bookwyrm_tags %}
+
+
+ {% include 'snippets/book_cover.html' with book=book size="large" %}
+ {% include 'snippets/stars.html' with rating=book.review__rating__avg %}
+
+
+
+ {% if book.authors %}
+
by {% include 'snippets/authors.html' with book=book %}
+ {% endif %}
+
{{ book|book_description|to_markdown|safe|truncatewords_html:50 }}
+
+
diff --git a/bookwyrm/templates/snippets/discover/small-book.html b/bookwyrm/templates/snippets/discover/small-book.html
new file mode 100644
index 000000000..0c9898f80
--- /dev/null
+++ b/bookwyrm/templates/snippets/discover/small-book.html
@@ -0,0 +1,8 @@
+{% include 'snippets/book_cover.html' with book=book %}
+{% include 'snippets/stars.html' with rating=book.review__rating__avg %}
+
+
+{% if book.authors %}
+
by {% include 'snippets/authors.html' with book=book %}
+{% endif %}
+