From 6952ab008154f36933af23d44661cf42a744e055 Mon Sep 17 00:00:00 2001
From: Joachim <joachim.robert@protonmail.com>
Date: Wed, 29 Dec 2021 17:10:44 +0100
Subject: [PATCH] Solve markup validation issues

---
 bookwyrm/templates/book/book.html           | 16 ++++++++++++----
 bookwyrm/templates/snippets/book_cover.html |  3 ---
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/bookwyrm/templates/book/book.html b/bookwyrm/templates/book/book.html
index 79acffc4..5fba69b0 100644
--- a/bookwyrm/templates/book/book.html
+++ b/bookwyrm/templates/book/book.html
@@ -63,16 +63,24 @@
         <div class="column is-one-fifth">
             {% if not book.cover %}
                 {% if user_authenticated %}
-                    {% trans "Click to add cover" as button_text %}
-                    <button type="button" data-controls="add_cover_{{ book.id }}" data-focus-target="modal_title_add_cover_{{ book.id }}" aria-pressed="false">
-                        {% include 'snippets/book_cover.html' with size='xxlarge' size_mobile='medium' book=book cover_class='is-h-m-mobile' text_append=button_text %}
+                    <button type="button" data-controls="add_cover_{{ book.id }}" data-focus-target="modal_title_add_cover_{{ book.id }}" aria-pressed="false" class="cover-container no-cover is-h-m-mobile">
+                        <img
+                            class="book-cover"
+                            src="{% static "images/no_cover.jpg" %}"
+                            alt=""
+                            aria-hidden="true"
+                        >
+                        <span class="cover-caption">
+                            <span>{{ book.alt_text }}</span>
+                            <span>{% trans "Click to add cover" %}</span>
+                        </span>
                     </button>
                     {% include 'book/cover_add_modal.html' with book=book controls_text="add_cover" controls_uid=book.id %}
                     {% if request.GET.cover_error %}
                     <p class="help is-danger">{% trans "Failed to load cover" %}</p>
                     {% endif %}
                 {% else %}
-                    {% include 'snippets/book_cover.html' with size='xxlarge' size_mobile='medium' book=book cover_class='is-h-m-mobile' %}
+                    {% include 'snippets/book_cover.html' with book=book cover_class='is-h-m-mobile' %}
                 {% endif %}
             {% endif %}
 
diff --git a/bookwyrm/templates/snippets/book_cover.html b/bookwyrm/templates/snippets/book_cover.html
index 829fbb65..0f684482 100644
--- a/bookwyrm/templates/snippets/book_cover.html
+++ b/bookwyrm/templates/snippets/book_cover.html
@@ -62,9 +62,6 @@
         >
         <figcaption class="cover-caption">
             <p>{{ book.alt_text }}</p>
-            {% if text_append %}
-                <p>{{ text_append }}</p>
-            {% endif %}
         </figcaption>
     </figure>
 {% endif %}