From e9be06538f79deb34afa0e3a022779d2ef88e157 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Sun, 3 May 2020 15:46:33 -0700
Subject: [PATCH] Use ordered list for editions page

---
 fedireads/static/format.css       | 6 +++++-
 fedireads/templates/editions.html | 8 ++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/fedireads/static/format.css b/fedireads/static/format.css
index 68f901f28..0a3d3f509 100644
--- a/fedireads/static/format.css
+++ b/fedireads/static/format.css
@@ -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;
diff --git a/fedireads/templates/editions.html b/fedireads/templates/editions.html
index ffd0c75bc..98f647cf9 100644
--- a/fedireads/templates/editions.html
+++ b/fedireads/templates/editions.html
@@ -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 %}