fixup! 📱(frontend) make the box title of the video info bar responsive

openfun · Apr 5, 2023 · 54a6420 · 54a6420
1 parent ab53a15
commit 54a6420
Showing 1 changed file with 10 additions and 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
@@ -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}