From e4d1c496f2e4657a16e4dd3bc3f3c10bd3ecd089 Mon Sep 17 00:00:00 2001
From: Ethanfel <ethan.fel@ts-pc.fr>
Date: Thu, 26 Feb 2026 12:21:43 +0100
Subject: [PATCH] Fix top arrow to mirror bottom arrow style

Restore 8px size for both arrows. Top arrow uses align-items:flex-end
to push glyph down against marker, bottom arrow uses flex-start to
push glyph up against marker, making them symmetrical.

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

diff --git a/js/snapshot_manager.js b/js/snapshot_manager.js
index e05b52f..30e4894 100644
--- a/js/snapshot_manager.js
+++ b/js/snapshot_manager.js
@@ -2083,21 +2083,24 @@ const CSS = `
     background: none;
     border: none;
     color: #3b82f6;
-    font-size: 6px;
+    font-size: 8px;
     cursor: pointer;
     padding: 0;
     margin: 0;
-    line-height: 0;
+    line-height: 1;
     display: flex;
-    align-items: center;
+    align-items: flex-end;
     justify-content: center;
     width: 18px;
-    height: 6px;
+    height: 8px;
     border-radius: 2px;
     flex-shrink: 0;
     opacity: 0.7;
     transition: opacity 0.1s, background 0.1s;
 }
+.snap-timeline-branch-btn:last-child {
+    align-items: flex-start;
+}
 .snap-timeline-branch-btn:hover {
     opacity: 1;
     background: rgba(59, 130, 246, 0.2);