From 6c0324f467532d051c1bffd0378f30263c5cc78b Mon Sep 17 00:00:00 2001
From: Mishig <dmishig@gmail.com>
Date: Thu, 12 Sep 2024 10:06:29 +0200
Subject: [PATCH] [Vizualization] Fix video layout (#431)

---
 lerobot/templates/visualize_dataset_template.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lerobot/templates/visualize_dataset_template.html b/lerobot/templates/visualize_dataset_template.html
index 0a49fd5b..fda71735 100644
--- a/lerobot/templates/visualize_dataset_template.html
+++ b/lerobot/templates/visualize_dataset_template.html
@@ -88,7 +88,7 @@
             {% for video_info in videos_info %}
             <div x-show="!videoCodecError" class="max-w-96">
                 <p class="text-sm text-gray-300 bg-gray-800 px-2 rounded-t-xl truncate">{{ video_info.filename }}</p>
-                <video muted loop type="video/mp4" class="min-w-64" @canplaythrough="videoCanPlay" @timeupdate="() => {
+                <video muted loop type="video/mp4" class="object-contain w-full h-full" @canplaythrough="videoCanPlay" @timeupdate="() => {
                     if (video.duration) {
                       const time = video.currentTime;
                       const pc = (100 / video.duration) * time;