From 02fbae7c4f5037351c45bcb30d7b5b662578d5fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastjan=20Arti=C4=8D?= <sebastjan@folx.tv>
Date: Thu, 30 Apr 2026 13:57:09 +0000
Subject: [PATCH] Edit: triangles INSIDE trim bar (overflow:hidden was clipping
 them)

Bug: triangles positioned at top:-14px were outside trim bar bounds.
Trim bar has overflow:hidden, so triangles were clipped (invisible).

Fix: top:0 (inside trim bar, at the very top edge).
Triangle 14px tall now sits at top of trim bar (overlapping waveform
slightly but visible, with drop-shadow to make them stand out).
---
 templates/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 798bdad..8367872 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1085,13 +1085,13 @@
                   <div style="width:4px; height:32px; background:#fff; border-radius:2px;"></div>
                 </div>
                 
-                <!-- IN marker (zelen trikotnik — kjer si pritisnil play blizu levega handle) -->
-                <div id="marker-in" style="position:absolute; top:-14px; left:calc(${pctOfStr(startInit, videoDuration)}% - 7px); width:14px; height:14px; z-index:5; pointer-events:none;">
+                <!-- IN marker (zelen trikotnik znotraj trim bar-a, na vrhu) -->
+                <div id="marker-in" style="position:absolute; top:0; left:calc(${pctOfStr(startInit, videoDuration)}% - 7px); width:14px; height:14px; z-index:5; pointer-events:none;">
                   <div style="width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:14px solid #4ade80; filter:drop-shadow(0 0 4px #4ade80);"></div>
                 </div>
                 
-                <!-- OUT marker (rdeč trikotnik — kjer si pritisnil play blizu desnega handle) -->
-                <div id="marker-out" style="position:absolute; top:-14px; left:calc(${pctOfStr(endInit, videoDuration)}% - 7px); width:14px; height:14px; z-index:5; pointer-events:none;">
+                <!-- OUT marker (rdeč trikotnik znotraj trim bar-a, na vrhu) -->
+                <div id="marker-out" style="position:absolute; top:0; left:calc(${pctOfStr(endInit, videoDuration)}% - 7px); width:14px; height:14px; z-index:5; pointer-events:none;">
                   <div style="width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:14px solid #ff6b6b; filter:drop-shadow(0 0 4px #ff6b6b);"></div>
                 </div>