From 8d7a99da7fa15f1b2932e68a187ce671799aeb59 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Fri, 17 Feb 2023 15:54:29 +0100
Subject: [PATCH] style: now label pop!

---
 src/pages/index.astro | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2f1069b..c2d1155 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -91,7 +91,8 @@ import Footer from "../components/Footer.astro";
 
   .now-label {
     border-radius: 40px;
-    background-color: rgba(0, 0, 0, 0.3);
+    background-color: var(--color-brand-complement);
+    color: var(--color-brand-blue-1);
     padding: 4px 8px;
     text-transform: uppercase;
     font-weight: bold;
@@ -134,13 +135,29 @@ import Footer from "../components/Footer.astro";
     .now-wrapper {
       border: 0px;
       font-size: x-small;
-      line-height: normal;
+      width: 100%;
+
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      padding: 0;
+      margin: 0;
     }
     .now-label {
       background-color: transparent;
+      color: var(--color-brand-complement);
       padding: 0;
       margin: 0;
     }
+
+    .now-label::before {
+      content: "* ";
+    }
+
+    .now-label::after {
+      content: ":";
+    }
   }
 
   @media only screen and (min-device-width: 280px) and (max-device-width: 653px) {