From 1e9f0bdf39048d5dd220c23bb44301307bad3654 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 23 Sep 2023 19:16:32 +0800
Subject: [PATCH] Slight restyle for shiny pill

---
 src/app.css                 | 17 +++++++----------
 src/components/timeline.jsx |  2 +-
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/app.css b/src/app.css
index 28950b11..ea1090e6 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1742,20 +1742,17 @@ meter.donut[hidden] {
   text-shadow: 0 1px var(--bg-color);
   background-color: var(--bg-color);
   border: 1px solid var(--outline-color);
-  box-shadow: 0 0 0 1px var(--bg-blur-color),
-    0 3px 16px var(--drop-shadow-color),
+  box-shadow: 0 3px 16px var(--drop-shadow-color),
     0 6px 16px -3px var(--drop-shadow-color);
 }
-:is(.shiny-pill, :root .toastify.shiny-pill):hover {
+:is(.shiny-pill, :root .toastify.shiny-pill):hover:not(:active) {
   color: var(--text-color);
   border-color: var(--link-color);
-  filter: none;
-  box-shadow: 0 0 0 1px var(--link-color), 0 3px 16px var(--drop-shadow-color),
-    0 6px 16px -3px var(--drop-shadow-color);
-}
-:is(.shiny-pill, :root .toastify.shiny-pill):active {
-  transition: none;
-  filter: brightness(0.975);
+  filter: none !important;
+  box-shadow: 0 0 0 1px var(--link-text-color),
+    0 3px 16px var(--drop-shadow-color),
+    0 6px 16px -3px var(--drop-shadow-color),
+    0 6px 16px var(--drop-shadow-color);
 }
 
 /* TOAST */
diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx
index f4e5fbd1..e112562c 100644
--- a/src/components/timeline.jsx
+++ b/src/components/timeline.jsx
@@ -332,7 +332,7 @@ function Timeline({
                   });
                 }}
               >
-                <Icon icon="arrow-up" /> <span>New posts</span>
+                <Icon icon="arrow-up" /> New posts
               </button>
             )}
         </header>