From 9594b699f820d9c10b038b3b86fc552727516ac0 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Sun, 19 Feb 2023 15:10:25 -0800
Subject: [PATCH] Tweak the series status style

---
 assets/scss/style.scss             | 25 +++++++------------------
 layouts/partials/seriesstatus.html |  5 ++++-
 2 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index ffd69b2..7c67fd3 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -324,24 +324,13 @@ figure {
 }
 
 .series-status {
-    display: inline-block;
-    padding: 0.5rem;
+    &.suspended { --status-color: #f9b005; }
+    &.complete { --status-color: #3dc60b; }
+    &.ongoing { --status-color: #46a0ff; }
 
-    @include bordered-block;
-    border-color: rgba(black, 0.3);
-
-    &.suspended {
-        background-color: lighten(yellow, 40%);
-        color: darken(yellow, 40%);
-    }
-
-    &.complete {
-        background-color: lighten(green, 60%);
-        color: darken(green, 10%);
-    }
-
-    &.ongoing {
-        background-color: lighten(lightblue, 10%);
-        color: darken(lightblue, 60%);
+    .series-status-keyword {
+        display: inline-block;
+        border-bottom: .2rem solid var(--status-color);
+        margin: 0 0.25rem 0 0.25rem;
     }
 }
diff --git a/layouts/partials/seriesstatus.html b/layouts/partials/seriesstatus.html
index 730be77..844d932 100644
--- a/layouts/partials/seriesstatus.html
+++ b/layouts/partials/seriesstatus.html
@@ -1 +1,4 @@
-<span class="series-status {{ . }}">{{ i18n "seriesStatus" }} {{ i18n (printf "%sSeries" .) }}</span>
+<span class="series-status {{ . }}">
+    {{ i18n "seriesStatus" }}
+    <span class="series-status-keyword">{{ i18n (printf "%sSeries" .) }}</span>
+</span>