From c4b7c52f4b31d3f780570116219f1efcd7baba9b Mon Sep 17 00:00:00 2001
From: BENOIT Vincent <vincent.benoit@benserv.fr>
Date: Thu, 10 Oct 2024 17:57:01 +0200
Subject: [PATCH] update timeline block

---
 src/app/football-field/football-field.component.css  | 7 +++++--
 src/app/football-field/football-field.component.html | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/football-field/football-field.component.css b/src/app/football-field/football-field.component.css
index 1eabb83..3ae33b6 100644
--- a/src/app/football-field/football-field.component.css
+++ b/src/app/football-field/football-field.component.css
@@ -92,8 +92,11 @@ canvas {
 
 .timeline-block {
   position: absolute;
-  height: 25px;
+  height: 23px;
   background-color: hsla(240, 100%, 50%, 0.308);
-  border: 1px solid black;
+  border: 2px solid black;
   cursor: move;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  text-align: center;
 }
diff --git a/src/app/football-field/football-field.component.html b/src/app/football-field/football-field.component.html
index 8e3e5da..93317bd 100644
--- a/src/app/football-field/football-field.component.html
+++ b/src/app/football-field/football-field.component.html
@@ -73,6 +73,7 @@
 						[style.left]="calculateLeftPosition(step)"
 						[style.width]="calculateBlockWidth(step)"
 				     	(mousedown)="onTimelineBlockMouseDown($event, player, i)">
+						{{ i + 1 }}
 					</div>
 				</div>
 			</div>