From 1106e71f03c650b09b76abcd9efcd0172c29c47b Mon Sep 17 00:00:00 2001 From: Vlad Piersec Date: Wed, 17 Nov 2021 09:46:12 +0200 Subject: [PATCH] fix(speaker-stats): Fix stats search position on narrow screens --- .../speaker-stats/components/SpeakerStatsSearch.js | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/react/features/speaker-stats/components/SpeakerStatsSearch.js b/react/features/speaker-stats/components/SpeakerStatsSearch.js index 34adc9017..5b8bf1492 100644 --- a/react/features/speaker-stats/components/SpeakerStatsSearch.js +++ b/react/features/speaker-stats/components/SpeakerStatsSearch.js @@ -9,12 +9,18 @@ import { useSelector } from 'react-redux'; import { getFieldValue } from '../../base/react'; import { isSpeakerStatsSearchDisabled } from '../functions'; -const useStyles = makeStyles(() => { +const useStyles = makeStyles(theme => { return { speakerStatsSearch: { position: 'absolute', right: '80px', - top: '8px' + top: '8px', + + [theme.breakpoints.down('400')]: { + left: 20, + right: 0, + top: 42 + } } }; });