From a272e2c40d0dc75a08004ecf8a3e4b5a20b3fe6b Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Tue, 28 Jan 2020 17:29:02 -0800
Subject: [PATCH] reviews formatting

---
 fedireads/static/format.css   | 7 +++++++
 fedireads/templates/book.html | 8 ++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/fedireads/static/format.css b/fedireads/static/format.css
index a001432cc..951ef38e6 100644
--- a/fedireads/static/format.css
+++ b/fedireads/static/format.css
@@ -94,3 +94,10 @@ form label {
     width: 30rem;
     height: 10rem;
 }
+.review {
+    margin-bottom: 1rem;
+}
+
+small {
+    display: block;
+}
diff --git a/fedireads/templates/book.html b/fedireads/templates/book.html
index ebd5d57b9..073bfadbe 100644
--- a/fedireads/templates/book.html
+++ b/fedireads/templates/book.html
@@ -32,8 +32,12 @@
         <p>No reviews yet!</p>
         {% endif %}
         {% for review in reviews %}
-        <p><span class="review-title">{{ review.name }}</span>{{ review.rating }} stars, by {{ review.user.username }}</p>
-        <p>{{ review.review_content }}</p>
+        <div class="review">
+            <h4>{{ review.name }}
+                <small>{{ review.rating }} stars, by {{ review.user.username }}</small>
+            </h4>
+            <blockquote>{{ review.review_content }}</blockquote>
+        </div>
         {% endfor %}
     </div>
 </div>