Fix top arrow position with negative margin

Use margin-bottom:-3px on the top arrow to compensate for the Unicode
glyph's built-in whitespace and pull it tight against the marker.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-26 12:25:29 +01:00
parent e4d1c496f2
commit 54387c2df4

View File

@@ -2089,7 +2089,7 @@ const CSS = `
margin: 0; margin: 0;
line-height: 1; line-height: 1;
display: flex; display: flex;
align-items: flex-end; align-items: center;
justify-content: center; justify-content: center;
width: 18px; width: 18px;
height: 8px; height: 8px;
@@ -2098,8 +2098,8 @@ const CSS = `
opacity: 0.7; opacity: 0.7;
transition: opacity 0.1s, background 0.1s; transition: opacity 0.1s, background 0.1s;
} }
.snap-timeline-branch-btn:last-child { .snap-timeline-branch-btn:first-child {
align-items: flex-start; margin-bottom: -3px;
} }
.snap-timeline-branch-btn:hover { .snap-timeline-branch-btn:hover {
opacity: 1; opacity: 1;