Tweak the appearance of star ratings
authorAlex Chan <alex@alexwlchan.net>
Wed, 9 Dec 2020 20:20:03 +0000 (20:20 +0000)
committerAlex Chan <alex@alexwlchan.net>
Wed, 9 Dec 2020 20:20:03 +0000 (20:20 +0000)
static/style.css
templates/_review_entry.html

index cc01dbe..5dea87f 100644 (file)
@@ -249,3 +249,8 @@ footer a:hover {
 #jump_to {
   margin-bottom: -0.5em;
 }
+
+.star_rating {
+  font-size: 140%;
+  letter-spacing: 4px;
+}
index 1c4cec3..4c6238d 100644 (file)
@@ -48,18 +48,21 @@ id="review_preview_{{ r }}_{{ g }}_{{ b }}">
           read {{ review_entry.review.date_read | render_date }}
             <br/>
           {% endif %}
-          {% if review_entry.review.rating %}
-            {% for _ in range(review_entry.review.rating) %}
-            ★
-            {% endfor %}
-            {% for _ in range(5 - review_entry.review.rating) %}
-            ☆
-            {% endfor %}
-          {% endif %}
-          {% if review_entry.review.did_not_finish %}
-            (did not finish)
-          {% endif %}
         </small>
+
+        <span class="star_rating">
+        {% if review_entry.review.rating %}
+          {% for _ in range(review_entry.review.rating) -%}
+          ★
+          {%- endfor -%}
+          {%- for _ in range(5 - review_entry.review.rating) -%}
+          ☆
+          {%- endfor %}
+        {% endif %}
+        </span>
+        {% if review_entry.review.did_not_finish %}
+          (did not finish)
+        {% endif %}
       </p>
     </div>
   </a>