From 471c53df73726601ffdbefc3f709ab5b6cb381ff Mon Sep 17 00:00:00 2001
From: =?utf8?q?Fr=C3=A9d=C3=A9ric=20Perrin?= <frederic.perrin@resel.fr>
Date: Sun, 2 Oct 2016 22:17:10 +0000
Subject: [PATCH] Improve presentation of individual quotes

---
 quotes/static/quotes/style.css       | 15 +++++++++++----
 quotes/templates/quotes/display.html |  8 ++++----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/quotes/static/quotes/style.css b/quotes/static/quotes/style.css
index a32d644..6898422 100644
--- a/quotes/static/quotes/style.css
+++ b/quotes/static/quotes/style.css
@@ -1,6 +1,7 @@
 body {
     color: black;
-    background-color: white;
+    background-color: #d6d6d6;
+    font-family: Calibri, sans-serif;
 }
 
 a { color: black; }
@@ -10,14 +11,15 @@ a:hover {
 }
 
 .quote {
-    background-color: #ffbd33;
-    border: 3px solid #ff5733;
+    background-color: #fccb51;
+    border: 7px solid darkorange;
+    border-radius: 15px;
     padding: 1.5em 2em;
     margin: 2em 30em;
 }
 
 .quote .author {
-    padding-left: 5em;
+    text-align: right;
 }
 
 .quote .author .name {
@@ -33,3 +35,8 @@ a:hover {
     /* displayed through Javascript */
     display: none;
 }
+
+.tag_link {
+    font-weight: bold;
+    text-decoration: none;
+}
diff --git a/quotes/templates/quotes/display.html b/quotes/templates/quotes/display.html
index 8901085..2b1f03c 100644
--- a/quotes/templates/quotes/display.html
+++ b/quotes/templates/quotes/display.html
@@ -28,10 +28,10 @@
       <p class="tags">
 	Tags:
 	{% for tag in quote.tags.all %}
-	<a href="{% url 'quotes:tags' tag.id %}" class="tag_link">
-	  {{ tag.tag }}
-	</a>
-	{% endfor %}
+	  <a href="{% url 'quotes:tags' tag.id %}" class="tag_link"
+	    >{{ tag.tag }}</a
+	    >{% if not forloop.last %}, {% endif %}
+        {% endfor %}
       </p>
       {% endif %}
 
-- 
2.43.0