From 5f9edc3ed7abb45b3ab5533012c2ce63585a6c3d Mon Sep 17 00:00:00 2001
From: TopherMayor <tophermayor@users.noreply.github.com>
Date: Fri, 1 May 2026 13:04:15 -0700
Subject: [PATCH] Make price trend lines more visible

---
 public/index.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 3c02947..516173e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -891,8 +891,15 @@
       stroke: rgba(255, 255, 255, 0.85);
       stroke-width: 1.5;
     }
+    .price-trend-line-back {
+      stroke-width: 5;
+      fill: none;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      opacity: 0.35;
+    }
     .price-trend-line {
-      stroke-width: 2.4;
+      stroke-width: 3.2;
       fill: none;
       stroke-linecap: round;
       stroke-linejoin: round;
@@ -2676,6 +2683,7 @@
             </linearGradient>
           </defs>
           <path d="${areaPath}" fill="url(#priceTrendFill-${chartKey})" opacity="0.8"></path>
+          <path d="${path}" class="price-trend-line-back" stroke="rgba(255,255,255,0.22)"></path>
           <path d="${path}" class="price-trend-line" stroke="url(#priceTrendStroke-${chartKey})"></path>
           ${points.map((point, index) => `
             <circle class="price-trend-points" cx="${point.x.toFixed(1)}" cy="${point.y.toFixed(1)}" r="${index === points.length - 1 ? 3.4 : 2.4}">