Tweak series marker colors

assets/scss/style.scss

@@ -214,7 +214,12 @@ ul.post-list {
         display: block;
     }
 
-    p.post-wordcount {
+    p.post-status {
+        margin-bottom: 0.2rem;
+        margin-top: 0.2rem;
+    }
+
+    p.post-wordcount, p.post-status {
         text-align: center;
         margin-bottom: 0.6rem;
     }
@@ -321,16 +326,17 @@ figure {
 .series-status {
     display: inline-block;
     padding: 0.5rem;
-    border-radius: 1rem;
+
-    border: $standard-border-width solid rgba(black, 0.3);
+    @include bordered-block;
+    border-color: rgba(black, 0.3);
 
     &.suspended {
-        background-color: lighten(yellow, 30%);
+        background-color: lighten(yellow, 40%);
-        color: darken(yellow, 30%);
+        color: darken(yellow, 40%);
     }
 
     &.complete {
-        background-color: lighten(green, 50%);
+        background-color: lighten(green, 60%);
         color: darken(green, 10%);
     }
 

layouts/partials/post.html

@@ -1,5 +1,12 @@
 <li>
     <a href="{{ .Permalink }}" class="post-title">{{ if .Params.favorite }}{{ partial "icon.html" "star" }}{{ end }} {{ .Title }}</a>
+    {{ if (not (eq .WordCount 0)) }}
     <p class="post-wordcount">{{ i18n "nWords" .WordCount }}, {{ i18n "nMinutesToRead" .ReadingTime }}.</p>
+    {{ end }}
+    {{ if .Params.status }}
+    <p class="post-status">
+    {{ partial "seriesstatus.html" .Params.status }}
+    </p>
+    {{ end }}
     <p class="post-preview">{{ .Summary }} {{ if .Truncated }}. . .{{ end }}</p>
 </li>

layouts/series/terms.html

@@ -2,9 +2,9 @@
 <h2>{{ .Title }}</h2>
 {{ .Content }}
 
-<ul>
+<ul class="post-list">
     {{ range sort .Pages "Title" }}
-    <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
+    {{ partial "post.html" . }}
     {{ end }}
 </ul>
 {{ end }}