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 */
.book-grid .book-cover {
height: 11em;
height: 176px;
width: auto;
margin: 0 auto;
}
.book-grid .no-cover {
width: 115px;
}
.book-grid > * {
margin-bottom: 2em;

View file

@ -3,16 +3,16 @@
{% block content %}
<div class="content-container">
<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 %}
<div class="book-preview">
<li class="book-preview">
<a href="{{ book.absolute_id }}">
{% include 'snippets/book_cover.html' with book=book %}
</a>
{% include 'snippets/shelve_button.html' with book=book %}
</div>
</li>
{% endfor %}
</div>
</ol>
</div>
{% endblock %}