cover: Handle covers with specific heights:

- Have an explicit contextual class on `cover-container`.
- Use more flexible, consistent and searchable variable name for passing classes to covers.
- Consistently use `'…'` with django variables.
- Give the option to not hide covers to screen readers.
- consitently give a title to the cover container if `alt_text` exists.
- [lists] Remove `.content` which is applying too extensive default styles.

bookwyrm/templates/snippets/book_cover.html

@@ -9,21 +9,20 @@
         is-clipped
         is-flex
         is-align-items-center
+        {{ cover_class }}
 
         {% if not book.cover %}
             no-cover
         {% endif %}
-
-        {% if size %}
-            is-{{ size }}
-        {% endif %}
-
-        {% if container_class %}
-            {{ container_class }}
-        {% endif %}
     "
-    aria-hidden="true"
 
+    {% if aria != "show" %}
+        aria-hidden="true"
+    {% endif %}
+
+    {% if book.alt_text %}
+        title="{{ book.alt_text }}"
+    {% endif %}
 >
     <img
         class="book-cover"
@@ -34,7 +33,6 @@
 
             {% if book.alt_text %}
                 alt="{{ book.alt_text }}"
-                title="{{ book.alt_text }}"
             {% endif %}
         {% else %}
             src="/static/images/no_cover.jpg"

bookwyrm/templates/snippets/search_result_text.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 <div class="columns is-mobile is-gapless">
-    {% include 'snippets/book_cover.html' with book=result container_class='column' img_path=false %}
+    {% include 'snippets/book_cover.html' with book=result cover_class='column' img_path=false %}
 
     <div class="column is-10 ml-3">
         <p>

bookwyrm/templates/snippets/status/generated_status.html

@@ -8,7 +8,7 @@
 <div class="columns is-mobile">
     <div class="column is-narrow">
         <div>
-            <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book size="small" %}</a>
+            <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book cover_class='is-small' %}</a>
         </div>
     </div>
     <div class="column">