actually fix the broken span
[books.alexwlchan.net] / templates / _review_entry.html
index 8ac6bf0..f362b2c 100644 (file)
@@ -3,28 +3,7 @@
 {% set b = (tint_colors[review_entry.book.cover_image][2] * 255) | int %}
 
 <style>
-  #review_preview_{{ r }}_{{ g }}_{{ b }} {
-    background: rgba({{ r }}, {{ g }}, {{ b }}, 0.05);
-    border-color: rgb({{ r }}, {{ g }}, {{ b }});
-  }
-
-{% if review_entry.review.rating == 5 %}
-  #review_preview_{{ r }}_{{ g }}_{{ b }}.review_fave {
-    background: rgba({{ r }}, {{ g }}, {{ b }}, 0.2);
-    border-color: rgb({{ r }}, {{ g }}, {{ b }});
-    border-width: 3px;
-    margin-left:  -1px;
-    margin-right: -1px;
-  }
-{% endif %}
-
-  #review_preview_{{ r }}_{{ g }}_{{ b }} a:hover {
-    background: rgba({{ r }}, {{ g }}, {{ b }}, 0.3);
-  }
-
-  #review_preview_{{ r }}_{{ g }}_{{ b }} .review_preview img {
-    box-shadow: 0px 2.5px 2.5px rgba({{ r }}, {{ g }}, {{ b }}, 0.25);
-  }
+  {% include "_review_style.css" %}
 </style>
 
 <div class="review_preview {% if review_entry.review.rating == 5 and not is_index %}review_fave{% endif %}"
@@ -49,20 +28,22 @@ id="review_preview_{{ r }}_{{ g }}_{{ b }}">
             <br/>
           {% endif %}
 
-          <span class="star_rating">
-          {% if review_entry.review.rating %}
+          {% if review_entry.review.rating and not review_entry.review.did_not_finish %}
+            <span class="star_rating">
+
             {% for _ in range(review_entry.review.rating) -%}
             ★
             {%- endfor -%}
             {%- for _ in range(5 - review_entry.review.rating) -%}
             ☆
             {%- endfor %}
+            </span>
           {% endif %}
-          </span>
-        </small>
-        {% if review_entry.review.did_not_finish %}
+
+          {% if review_entry.review.did_not_finish %}
           (did not finish)
-        {% endif %}
+          {% endif %}
+        </small>
       </p>
     </div>
   </a>