From 54a6420cf32a529c08adbebc81d0b67e0d7943a9 Mon Sep 17 00:00:00 2001
From: ALC Consulting <freelance.anthony@gmail.com>
Date: Wed, 5 Apr 2023 12:48:27 +0200
Subject: [PATCH] =?UTF-8?q?fixup!=20=F0=9F=93=B1(frontend)=20make=20the=20?=
 =?UTF-8?q?box=20title=20of=20the=20video=20info=20bar=20responsive?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/VideoInfoBar/index.tsx    | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/frontend/packages/lib_video/src/components/common/VideoInfoBar/index.tsx b/src/frontend/packages/lib_video/src/components/common/VideoInfoBar/index.tsx
index 97595ec49f..7c76cc6920 100644
--- a/src/frontend/packages/lib_video/src/components/common/VideoInfoBar/index.tsx
+++ b/src/frontend/packages/lib_video/src/components/common/VideoInfoBar/index.tsx
@@ -170,7 +170,7 @@ export const VideoInfoBar = ({ isTeacher, startDate }: VideoInfoBarProps) => {
           a11yTitle={title}
           color="blue-active"
           level="1"
-          margin={{ bottom: 'none' }}
+          margin={{ bottom: 'small' }}
           size="1.3rem"
           title={title}
           truncate
@@ -184,7 +184,11 @@ export const VideoInfoBar = ({ isTeacher, startDate }: VideoInfoBarProps) => {
           {numberOfStudents > 0 && (
             <Paragraph
               color="blue-active"
-              margin={{ left: 'small', right: 'large', bottom: 'small' }}
+              margin={{
+                left: isTeacher ? 'small' : '',
+                right: 'large',
+                bottom: 'small',
+              }}
               size="small"
             >
               {intl.formatMessage(messages.nbViewers, {
@@ -195,7 +199,10 @@ export const VideoInfoBar = ({ isTeacher, startDate }: VideoInfoBarProps) => {
           {localStartDate && (
             <Paragraph
               color="blue-active"
-              margin={{ right: 'large', bottom: 'small' }}
+              margin={{
+                bottom: 'small',
+                left: numberOfStudents ? '' : 'small',
+              }}
               size="small"
             >
               {localStartDate}