From acba5cfc75e3c481ad62a58ff62544a71d2d0d7b Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Tue, 29 Sep 2020 20:44:33 -0700
Subject: [PATCH] Creates snippet for book cover tiles layout

---
 bookwyrm/templates/editions.html            | 21 +-------------------
 bookwyrm/templates/snippets/book_tiles.html | 22 +++++++++++++++++++++
 bookwyrm/templates/tag.html                 | 18 +++++------------
 3 files changed, 28 insertions(+), 33 deletions(-)
 create mode 100644 bookwyrm/templates/snippets/book_tiles.html

diff --git a/bookwyrm/templates/editions.html b/bookwyrm/templates/editions.html
index 40881a48..8b7f54fb 100644
--- a/bookwyrm/templates/editions.html
+++ b/bookwyrm/templates/editions.html
@@ -4,26 +4,7 @@
 <div class="block">
     <h2 class="title">Editions of <a href="/book/{{ work.id }}">"{{ work.title }}"</a></h2>
 
-
-<div class="tile is-ancestor">
-    <div class="tile is-vertical">
-        <div class="tile">
-        {% for book in editions %}
-        {% if forloop.counter0|divisibleby:"5" %}
-        </div>
-        <div class="tile">
-        {% endif %}
-            <div class="tile is-parent is-vertical">
-                <article class="tile is-child box">
-                    <a href="/book/{{ book.id }}">
-                        {% include 'snippets/book_cover.html' with book=book %}
-                    </a>
-                    {% include 'snippets/shelve_button.html' with book=book %}
-                </article>
-            </div>
-        {% endfor %}
-        </div>
-    </div>
+    {% include 'snippets/book_tiles.html' with books=editions %}
 </div>
 {% endblock %}
 
diff --git a/bookwyrm/templates/snippets/book_tiles.html b/bookwyrm/templates/snippets/book_tiles.html
new file mode 100644
index 00000000..bb116625
--- /dev/null
+++ b/bookwyrm/templates/snippets/book_tiles.html
@@ -0,0 +1,22 @@
+<div class="tile is-ancestor">
+    <div class="tile is-vertical">
+        <div class="tile">
+        {% for book in books %}
+        {% if forloop.counter0|divisibleby:"5" %}
+        </div>
+        <div class="tile">
+        {% endif %}
+            <div class="tile is-parent is-vertical">
+                <article class="tile is-child box">
+                    <a href="/book/{{ book.id }}">
+                        {% include 'snippets/book_cover.html' with book=book %}
+                    </a>
+                    {% include 'snippets/rate_action.html' with user=request.user book=book %}
+                    {% include 'snippets/shelve_button.html' with book=book %}
+                </article>
+            </div>
+        {% endfor %}
+        </div>
+    </div>
+</div>
+
diff --git a/bookwyrm/templates/tag.html b/bookwyrm/templates/tag.html
index f9e89093..15b8ff28 100644
--- a/bookwyrm/templates/tag.html
+++ b/bookwyrm/templates/tag.html
@@ -1,20 +1,12 @@
 {% extends 'layout.html' %}
 {% load fr_display %}
 {% block content %}
-<div class="content-container">
-    <h2>Books tagged "{{ tag.name }}"</h2>
-    <div class="book-grid row wrap shrink">
-        {% for book in books.all %}
-        <div class="cover-container">
-            <a href="/book/{{ book.id }}">
-            {% include 'snippets/book_cover.html' with book=book %}
-            </a>
-            {% include 'snippets/rate_action.html' with user=request.user book=book %}
-            {% include 'snippets/shelve_button.html' with book=book %}
-        </div>
-        {% endfor %}
-    </div>
+
+<div class="block">
+    <h2 class="title">Books tagged "{{ tag.name }}"</h2>
+    {% include 'snippets/book_tiles.html' with books=books.all %}
 </div>
+
 {% endblock %}