diff --git a/react/features/speaker-stats/components/web/SpeakerStats.js b/react/features/speaker-stats/components/web/SpeakerStats.js index 4374b6988..28892389b 100644 --- a/react/features/speaker-stats/components/web/SpeakerStats.js +++ b/react/features/speaker-stats/components/web/SpeakerStats.js @@ -20,11 +20,17 @@ import SpeakerStatsSearch from './SpeakerStatsSearch'; const useStyles = makeStyles(theme => { return { + footer: { + display: 'none !important' + }, + labelsContainer: { + position: 'relative' + }, separator: { position: 'absolute', - width: '100%', + width: 'calc(100% + 48px)', height: 1, - left: 0, + left: -24, backgroundColor: theme.palette.border02 }, searchSwitchContainer: { @@ -74,6 +80,7 @@ const SpeakerStats = () => { return ( { } { displayLabels && ( - <> +
- +
)}
diff --git a/react/features/speaker-stats/components/web/SpeakerStatsList.js b/react/features/speaker-stats/components/web/SpeakerStatsList.js index 5dca9162c..662d1b0e4 100644 --- a/react/features/speaker-stats/components/web/SpeakerStatsList.js +++ b/react/features/speaker-stats/components/web/SpeakerStatsList.js @@ -11,7 +11,8 @@ import SpeakerStatsItem from './SpeakerStatsItem'; const useStyles = makeStyles(theme => { return { list: { - marginTop: `${theme.spacing(3)}px` + marginTop: `${theme.spacing(3)}px`, + marginBottom: `${theme.spacing(3)}px` }, item: { height: `${theme.spacing(7)}px`,