From 8d9269c635a0c3675aa01ba1da86587f5b88a71b Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Fri, 24 Sep 2021 18:43:55 +0200
Subject: [PATCH] ui: Fix bootstrap 5 embed items

---
 frontend/ui/src/components/ExerciceVideo.svelte | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/ui/src/components/ExerciceVideo.svelte b/frontend/ui/src/components/ExerciceVideo.svelte
index 5411f8d6..1c9ddc13 100644
--- a/frontend/ui/src/components/ExerciceVideo.svelte
+++ b/frontend/ui/src/components/ExerciceVideo.svelte
@@ -17,10 +17,8 @@
         <Icon name="laptop-fill" />
         Solution du défi
     </CardHeader>
-    <CardBody class="text-indent">
-	<div class="embed-responsive embed-responsive-16by9">
-	    <iframe type="text/html" src="{uri}" class="embed-responsive-item" title="Vidéo de résolution">
-		Regardez la vidéo de résolution de ce défi&nbsp;: <a href="{uri}">{uri}</a>.
-	    </iframe>
-    </CardBody>
+    <CardBody class="text-indent ratio ratio-16x9">
+	<iframe type="text/html" src="{uri}" class="embed-responsive-item" title="Vidéo de résolution">
+	    Regardez la vidéo de résolution de ce défi&nbsp;: <a href="{uri}">{uri}</a>.
+	</iframe>
 </Card>