From 284f4e9538704b7a4194eaa4173397f466b0a26b Mon Sep 17 00:00:00 2001
From: Ethanfel <ethan.fel@ts-pc.fr>
Date: Thu, 26 Feb 2026 12:12:41 +0100
Subject: [PATCH] Simplify timeline fork display: remove badge, tighten arrows

Remove the fork count badge from timeline markers and the wrapper div.
Reduce arrow button height and remove extra spacing so the up arrow
sits flush against the marker.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 js/snapshot_manager.js | 38 +++-----------------------------------
 1 file changed, 3 insertions(+), 35 deletions(-)

diff --git a/js/snapshot_manager.js b/js/snapshot_manager.js
index 87276af..746f551 100644
--- a/js/snapshot_manager.js
+++ b/js/snapshot_manager.js
@@ -2065,7 +2065,6 @@ const CSS = `
     flex-direction: column;
     align-items: center;
     flex-shrink: 0;
-    gap: 0;
 }
 .snap-timeline-branch-btn {
     background: none;
@@ -2074,12 +2073,13 @@ const CSS = `
     font-size: 8px;
     cursor: pointer;
     padding: 0;
+    margin: 0;
     line-height: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 18px;
-    height: 10px;
+    height: 8px;
     border-radius: 2px;
     flex-shrink: 0;
     opacity: 0.7;
@@ -2089,29 +2089,6 @@ const CSS = `
     opacity: 1;
     background: rgba(59, 130, 246, 0.2);
 }
-.snap-timeline-fork-marker-wrap {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-.snap-timeline-fork-badge {
-    position: absolute;
-    top: -4px;
-    right: -6px;
-    font-size: 7px;
-    font-weight: 700;
-    color: #fff;
-    background: #3b82f6;
-    border-radius: 6px;
-    min-width: 12px;
-    height: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    line-height: 1;
-    pointer-events: none;
-}
 .snap-diff-overlay {
     position: fixed;
     inset: 0;
@@ -3538,17 +3515,8 @@ function buildTimeline() {
                     if (sidebarRefresh) sidebarRefresh().catch(() => {});
                 });
 
-                // Marker with fork count badge
-                const markerWrap = document.createElement("div");
-                markerWrap.className = "snap-timeline-fork-marker-wrap";
-                const badge = document.createElement("span");
-                badge.className = "snap-timeline-fork-badge";
-                badge.textContent = `${children.length}`;
-                markerWrap.appendChild(marker);
-                markerWrap.appendChild(badge);
-
                 group.appendChild(upBtn);
-                group.appendChild(markerWrap);
+                group.appendChild(marker);
                 group.appendChild(downBtn);
                 track.appendChild(group);
             } else {