From 1f97b9c2ff6231176730fbeb999ac098df6e83fc Mon Sep 17 00:00:00 2001
From: Mateo <mateo.lostanlen@gmail.com>
Date: Fri, 1 May 2026 16:37:19 +0200
Subject: [PATCH] feat(frontend): increase cropped view padding to 20%

Closes #108. Cropped sequence view was too tight on the bbox; widen the
context window so the surrounding area is visible during annotation.
---
 frontend/src/components/annotation/CroppedImageSequence.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/annotation/CroppedImageSequence.tsx b/frontend/src/components/annotation/CroppedImageSequence.tsx
index 6979c02..5ec1cfe 100644
--- a/frontend/src/components/annotation/CroppedImageSequence.tsx
+++ b/frontend/src/components/annotation/CroppedImageSequence.tsx
@@ -166,8 +166,8 @@ export default function CroppedImageSequence({
     const avgBbox = calculateAverageBbox(bboxes);
     const [avgX1, avgY1, avgX2, avgY2] = avgBbox;
 
-    // Add 10% padding to crop area (same as backend)
-    const padding = 0.1;
+    // 20% padding around the bbox to show surrounding context.
+    const padding = 0.2;
     const padX = (avgX2 - avgX1) * padding;
     const padY = (avgY2 - avgY1) * padding;