From 11007fa23f0569845b937e302adb7dea35c31e8b Mon Sep 17 00:00:00 2001
From: Smrithi P <smrithipiedy21@outlook.com>
Date: Sat, 13 Jun 2026 20:58:28 +0530
Subject: [PATCH] feat: style roadmap step progress on project detail page

---
 static/style.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/static/style.css b/static/style.css
index ae3e9a03..1ca80490 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2524,15 +2524,17 @@ input[type="text"]:not(.skill-input-wrap input):focus {
     width:14px;
     height:14px;
     border-radius:50%;
-    background:var(--indigo-600);
-    border:3px solid var(--indigo-100);
+    background:var(--surface);
+    border:3px solid var(--indigo-600);
     margin-top:4px;
+    box-sizing:border-box;
 }
 
 .roadmap-line{
     flex:1;
-    width:2px;
-    background:var(--border);
+    width:0;
+    border-left:2px dashed var(--border);
+    background:transparent;
     margin:4px 0;
 }
 
@@ -2605,9 +2607,15 @@ input[type="text"]:not(.skill-input-wrap input):focus {
 /* Make completed node visually */
 .roadmap-step.completed .roadmap-dot {
   background: var(--green-500);
+  border-color: var(--green-200);
   box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
 }
 
+/* Make completed line solid green */
+.roadmap-step.completed .roadmap-line {
+  border-left: 2px solid var(--green-500);
+}
+
 /* Progress container */
 .roadmap-progress-wrap{
     display:flex;