From d36caf85e0216f55b52236840f04979e1f27b164 Mon Sep 17 00:00:00 2001
From: Jannis Mattheis <contact@jmattheis.de>
Date: Thu, 14 Jul 2022 20:44:41 +0200
Subject: [PATCH] Use settings icon & fix fullscreen icon

---
 ui/src/Room.tsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/ui/src/Room.tsx b/ui/src/Room.tsx
index 937494a0..13c966db 100644
--- a/ui/src/Room.tsx
+++ b/ui/src/Room.tsx
@@ -4,7 +4,7 @@ import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
 import PresentToAllIcon from '@mui/icons-material/PresentToAll';
 import FullScreenIcon from '@mui/icons-material/Fullscreen';
 import PeopleIcon from '@mui/icons-material/People';
-import ShowMoreIcon from '@mui/icons-material/MoreVert';
+import SettingsIcon from '@mui/icons-material/Settings';
 import {useHotkeys} from 'react-hotkeys-hook';
 import {Video} from './Video';
 import makeStyles from '@mui/styles/makeStyles';
@@ -225,20 +225,18 @@ export const Room = ({
                         </Badge>
                     </Tooltip>
                     <Tooltip title="Fullscreen" arrow>
-                        <span>
-                            <IconButton
-                                onClick={() => videoElement?.requestFullscreen()}
-                                disabled={!selectedStream}
-                                size="large"
-                            >
-                                <FullScreenIcon fontSize="large" />
-                            </IconButton>
-                        </span>
+                        <IconButton
+                            onClick={() => videoElement?.requestFullscreen()}
+                            disabled={!selectedStream}
+                            size="large"
+                        >
+                            <FullScreenIcon fontSize="large" />
+                        </IconButton>
                     </Tooltip>
 
-                    <Tooltip title="More" arrow>
+                    <Tooltip title="Settings" arrow>
                         <IconButton onClick={() => setOpen(true)} size="large">
-                            <ShowMoreIcon fontSize="large" />
+                            <SettingsIcon fontSize="large" />
                         </IconButton>
                     </Tooltip>
                 </Paper>