From fdbce5d05e2ab198773e014b88eab63d6c32bcb4 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Tue, 22 Dec 2020 08:21:43 -0800
Subject: [PATCH] Adds close button to suggested post window on mobile

---
 bookwyrm/templates/feed.html                  | 18 +++++++++++++-----
 bookwyrm/templates/snippets/book_titleby.html |  8 ++------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/bookwyrm/templates/feed.html b/bookwyrm/templates/feed.html
index aec76acc..40e6dad1 100644
--- a/bookwyrm/templates/feed.html
+++ b/bookwyrm/templates/feed.html
@@ -44,18 +44,26 @@
         <div>
             <input class="toggle-control" type="radio" name="recent-books" id="book-{{ book.id }}" {% if shelf_counter == 1 and forloop.first %}checked{% endif %}>
             <div class="toggle-content hidden" role="tabpanel" id="book-{{ book.id }}-panel">
-                <div class="box">
-                    <div class="block">
-                        {% include 'snippets/book_titleby.html' with book=book %}
-                        {% include 'snippets/shelve_button.html' with book=book %}
+                <div class="card">
+                    <div class="card-header">
+                        <p class="card-header-title">
+                        <span>{% include 'snippets/book_titleby.html' with book=book %}</span>
+                        </>
+                        <div class="card-header-icon is-hidden-tablet">
+                            <label class="delete" for="no-book" aria-label="close" role="button"></label>
+                        </div>
+                    </div>
+                    <div class="card-content">
+                            {% include 'snippets/shelve_button.html' with book=book %}
+                        {% include 'snippets/create_status.html' with book=book %}
                     </div>
-                    {% include 'snippets/create_status.html' with book=book %}
                 </div>
             </div>
         </div>
         {% endfor %}
         {% endwith %}
         {% endfor %}
+        <input class="toggle-control" type="radio" name="recent-books" id="no-book" {% if shelf_counter == 1 and forloop.first %}checked{% endif %}>
         {% endif %}
     </div>
 
diff --git a/bookwyrm/templates/snippets/book_titleby.html b/bookwyrm/templates/snippets/book_titleby.html
index d8b84646..b01ede4c 100644
--- a/bookwyrm/templates/snippets/book_titleby.html
+++ b/bookwyrm/templates/snippets/book_titleby.html
@@ -1,9 +1,5 @@
-<span>
-    <a href="/book/{{ book.id }}">{{ book.title }}</a>
-</span>
+<a href="/book/{{ book.id }}">{{ book.title }}</a>
 {% if book.authors %}
-<span>
-    by {% include 'snippets/authors.html' with book=book %}
-</span>
+by {% include 'snippets/authors.html' with book=book %}
 {% endif %}