Use ordered list for editions page

This commit is contained in:
Mouse Reeve 2020-05-03 15:46:33 -07:00
parent bcd54f52f3
commit e9be06538f
2 changed files with 9 additions and 5 deletions

View File

@ -268,8 +268,12 @@ ul.pulldown button {
/* discover books page grid of covers */ /* discover books page grid of covers */
.book-grid .book-cover { .book-grid .book-cover {
height: 11em; height: 176px;
width: auto; width: auto;
margin: 0 auto;
}
.book-grid .no-cover {
width: 115px;
} }
.book-grid > * { .book-grid > * {
margin-bottom: 2em; margin-bottom: 2em;

View File

@ -3,16 +3,16 @@
{% block content %} {% block content %}
<div class="content-container"> <div class="content-container">
<h2>Editions of <a href="/book/{{ work.fedireads_key }}">"{{ work.title }}"</a></h2> <h2>Editions of <a href="/book/{{ work.fedireads_key }}">"{{ work.title }}"</a></h2>
<div class="book-grid row wrap"> <ol class="book-grid row wrap">
{% for book in editions %} {% for book in editions %}
<div class="book-preview"> <li class="book-preview">
<a href="{{ book.absolute_id }}"> <a href="{{ book.absolute_id }}">
{% include 'snippets/book_cover.html' with book=book %} {% include 'snippets/book_cover.html' with book=book %}
</a> </a>
{% include 'snippets/shelve_button.html' with book=book %} {% include 'snippets/shelve_button.html' with book=book %}
</div> </li>
{% endfor %} {% endfor %}
</div> </ol>
</div> </div>
{% endblock %} {% endblock %}