From b9df46b4776ba1195238fa47c82b92db18478294 Mon Sep 17 00:00:00 2001
From: Tyler <tyler@tylerhoang.xyz>
Date: Fri, 15 May 2026 01:54:17 -0700
Subject: Fix peer comparison track slider visual issues

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/valuation.py | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/valuation.py b/components/valuation.py
index 0758bdf..c794a79 100644
--- a/components/valuation.py
+++ b/components/valuation.py
@@ -2783,8 +2783,8 @@ _CC_CSS = """<style>
 .cmp-rank-row .col .v.dim{color:var(--fg-2)}
 .cmp-rank-track{position:relative;height:24px;margin-top:6px}
 .cmp-rank-track .t{position:absolute;inset:8px 0;background:var(--ink-3);border-radius:999px}
-.cmp-rank-track .band{position:absolute;top:6px;bottom:6px;background:rgba(74,120,181,0.22);border-top:1px solid rgba(74,120,181,0.30);border-bottom:1px solid rgba(74,120,181,0.30)}
-.cmp-rank-track .median{position:absolute;top:3px;bottom:3px;width:1.5px;background:var(--oxford-light);transform:translateX(-0.75px)}
+.cmp-rank-track .band{position:absolute;top:8px;bottom:8px;background:rgba(74,120,181,0.28);border-top:1px solid rgba(74,120,181,0.35);border-bottom:1px solid rgba(74,120,181,0.35)}
+.cmp-rank-track .median{position:absolute;top:5px;bottom:5px;width:1.5px;background:var(--oxford-light);transform:translateX(-0.75px)}
 .cmp-rank-track .peer-dot{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:var(--fg-3);transform:translate(-3px,-50%);opacity:0.7}
 .cmp-rank-track .subject{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--brass);border:2px solid var(--ink-1);transform:translate(-7px,-50%);box-shadow:0 0 0 1px var(--brass-deep),0 0 0 4px rgba(194,170,122,0.18);z-index:2}
 .cmp-rank-track .axis{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--fg-4);margin-top:4px}
@@ -2957,7 +2957,7 @@ def _render_comps(ticker: str):
         span = (st_data["max"] - st_data["min"]) or 1
 
         def _pos(v_in, mn=st_data["min"], sp=span):
-            return round(max(0.0, min(100.0, (v_in - mn) / sp * 100)), 1)
+            return round(max(4.0, min(96.0, (v_in - mn) / sp * 100)), 1)
 
         hero.append({
             "key": col_key,
@@ -3110,7 +3110,7 @@ def _render_comps(ticker: str):
         "    return'<div class=\"cmp-cell'+(hl?' hl':'')+'\"><span class=\"v num dim\">—</span></div>';\n"
         "  }\n"
         "  var span=(st.max-st.min)||1;\n"
-        "  var pct=Math.max(0,Math.min(100,((v-st.min)/span)*100));\n"
+        "  var pct=Math.max(4,Math.min(96,((v-st.min)/span)*100));\n"
         "  var tone=col.invert?(v>st.p50?'neg':'pos'):(v>st.p50?'pos':'neg');\n"
         "  var dotCls=hl?'subject':tone;\n"
         "  return'<div class=\"cmp-cell'+(hl?' hl':'')+'\">'"\
-- 
cgit v1.3-2-g0d8e