diff --git a/src/components/Participant/Participant.tsx b/src/components/Participant/Participant.tsx index b04243366..54cef8a33 100644 --- a/src/components/Participant/Participant.tsx +++ b/src/components/Participant/Participant.tsx @@ -9,7 +9,6 @@ interface ParticipantProps { enableScreenShare?: boolean; onClick?: () => void; isSelected?: boolean; - isDominantSpeaker?: boolean; isLocalParticipant?: boolean; hideParticipant?: boolean; } diff --git a/src/components/ParticipantInfo/ParticipantInfo.tsx b/src/components/ParticipantInfo/ParticipantInfo.tsx index f7fceb6e4..804a8c476 100644 --- a/src/components/ParticipantInfo/ParticipantInfo.tsx +++ b/src/components/ParticipantInfo/ParticipantInfo.tsx @@ -23,7 +23,7 @@ const useStyles = makeStyles((theme: Theme) => alignItems: 'center', height: 0, overflow: 'hidden', - marginBottom: '2em', + marginBottom: '0.5em', '& video': { filter: 'none', objectFit: 'contain !important', diff --git a/src/components/ParticipantList/ParticipantList.tsx b/src/components/ParticipantList/ParticipantList.tsx index 82bf1f6cb..b511971fa 100644 --- a/src/components/ParticipantList/ParticipantList.tsx +++ b/src/components/ParticipantList/ParticipantList.tsx @@ -30,8 +30,8 @@ const useStyles = makeStyles((theme: Theme) => justifyContent: 'center', }, innerScrollContainer: { - width: `calc(${theme.sidebarWidth}px - 4em)`, - padding: '2em 0', + width: `calc(${theme.sidebarWidth}px - 3em)`, + padding: '1.5em 0', [theme.breakpoints.down('sm')]: { width: 'auto', padding: `${theme.sidebarMobilePadding}px`, diff --git a/src/theme.ts b/src/theme.ts index 533ee0e02..0ba1e766e 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -118,7 +118,7 @@ export default createMuiTheme({ brand: '#E22525', footerHeight: 72, mobileFooterHeight: 56, - sidebarWidth: 355, + sidebarWidth: 300, sidebarMobileHeight: 90, sidebarMobilePadding: 8, participantBorderWidth: 2,