From b6fdff2438b335cd454fb22d9e64b1308536fddc Mon Sep 17 00:00:00 2001
From: Jonathan Sykes <telemagnadon@gmail.com>
Date: Mon, 28 Sep 2026 20:30:13 +0800
Subject: [PATCH] drop the boxed background on the saved-offline card badge

---
 frontend/styles.css | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/frontend/styles.css b/frontend/styles.css
index f40b894..054f556 100755
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -1025,28 +1025,25 @@ input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.25); }
 .card.dragging { opacity: 0.4; }
 .card.drag-over { border-color: var(--accent) !important; box-shadow: 0 0 0 2px var(--accent-glow); }
 
-/* Saved-offline badge on cards */
+/* Saved-offline badge on cards — just the glyph, no boundary shape behind it */
 .saved-badge {
   position: absolute; left: 5px; bottom: 5px;
   display: none;
   align-items: center; justify-content: center;
   width: 18px; height: 18px;
-  background: rgba(126, 224, 168, 0.92);
-  color: #06281a;
-  font-size: 10px; font-weight: 700;
-  border-radius: 5px;
-  backdrop-filter: blur(2px);
+  color: #7ee0a8;
+  font-size: 12px; font-weight: 700;
+  text-shadow: 0 1px 3px rgba(0,0,0,0.85);
 }
 .card.cached .saved-badge { display: flex; }
 .card.downloading .saved-badge {
   display: flex;
-  background: rgba(255, 200, 80, 0.92);
-  color: #2a1d00;
+  color: #ffc850;
   animation: pulse 1s ease-in-out infinite;
 }
 .card.downloading .saved-badge::before { content: "⏳"; }
 .card.downloading .saved-badge { font-size: 0; }
-.card.downloading .saved-badge::before { font-size: 10px; }
+.card.downloading .saved-badge::before { font-size: 12px; }
 
 /* Download progress bar on card thumb */
 .dl-progress {