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>
This commit is contained in:
2026-02-26 12:21:43 +01:00
parent f3fab45bf0
commit e4d1c496f2

View File

@@ -2083,21 +2083,24 @@ const CSS = `
background: none; background: none;
border: none; border: none;
color: #3b82f6; color: #3b82f6;
font-size: 6px; font-size: 8px;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
margin: 0; margin: 0;
line-height: 0; line-height: 1;
display: flex; display: flex;
align-items: center; align-items: flex-end;
justify-content: center; justify-content: center;
width: 18px; width: 18px;
height: 6px; height: 8px;
border-radius: 2px; border-radius: 2px;
flex-shrink: 0; flex-shrink: 0;
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 {
align-items: flex-start;
}
.snap-timeline-branch-btn:hover { .snap-timeline-branch-btn:hover {
opacity: 1; opacity: 1;
background: rgba(59, 130, 246, 0.2); background: rgba(59, 130, 246, 0.2);