From 8a51f3c9661f0f09eb281b7ce3799fdb35303ba9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 5 Jun 2019 08:38:23 +0200
Subject: [PATCH] Small fix to tooltips error.

---
 app/src/components/Controls/Sidebar.js | 146 +++++++++++++------------
 1 file changed, 76 insertions(+), 70 deletions(-)

diff --git a/app/src/components/Controls/Sidebar.js b/app/src/components/Controls/Sidebar.js
index 958bc7d..79024ea 100644
--- a/app/src/components/Controls/Sidebar.js
+++ b/app/src/components/Controls/Sidebar.js
@@ -143,84 +143,90 @@ const Sidebar = (props) =>
 			}
 		>
 			<Tooltip title={micTip} placement={smallScreen ? 'top' : 'right'}>
-				<Fab
-					aria-label='Mute mic'
-					className={classes.fab}
-					disabled={!me.canSendMic || me.audioInProgress}
-					color={micState === 'on' ? 'default' : 'secondary'}
-					size={smallScreen ? 'large' : 'medium'}
-					onClick={() =>
-					{
-						micState === 'on' ?
-							roomClient.disableMic() :
-							roomClient.enableMic();
-					}}
-				>
-					{ micState === 'on' ?
-						<MicIcon />
-						:
-						<MicOffIcon />
-					}
-				</Fab>
+				<div>
+					<Fab
+						aria-label='Mute mic'
+						className={classes.fab}
+						disabled={!me.canSendMic || me.audioInProgress}
+						color={micState === 'on' ? 'default' : 'secondary'}
+						size={smallScreen ? 'large' : 'medium'}
+						onClick={() =>
+						{
+							micState === 'on' ?
+								roomClient.disableMic() :
+								roomClient.enableMic();
+						}}
+					>
+						{ micState === 'on' ?
+							<MicIcon />
+							:
+							<MicOffIcon />
+						}
+					</Fab>
+				</div>
 			</Tooltip>
 			<Tooltip title={webcamTip} placement={smallScreen ? 'top' : 'right'}>
-				<Fab
-					aria-label='Mute video'
-					className={classes.fab}
-					disabled={!me.canSendWebcam || me.webcamInProgress}
-					color={webcamState === 'on' ? 'default' : 'secondary'}
-					size={smallScreen ? 'large' : 'medium'}
-					onClick={() =>
-					{
-						webcamState === 'on' ?
-							roomClient.disableWebcam() :
-							roomClient.enableWebcam();
-					}}
-				>
-					{ webcamState === 'on' ?
-						<VideoIcon />
-						:
-						<VideoOffIcon />
-					}
-				</Fab>
+				<div>
+					<Fab
+						aria-label='Mute video'
+						className={classes.fab}
+						disabled={!me.canSendWebcam || me.webcamInProgress}
+						color={webcamState === 'on' ? 'default' : 'secondary'}
+						size={smallScreen ? 'large' : 'medium'}
+						onClick={() =>
+						{
+							webcamState === 'on' ?
+								roomClient.disableWebcam() :
+								roomClient.enableWebcam();
+						}}
+					>
+						{ webcamState === 'on' ?
+							<VideoIcon />
+							:
+							<VideoOffIcon />
+						}
+					</Fab>
+				</div>
 			</Tooltip>
 			<Tooltip title={screenTip} placement={smallScreen ? 'top' : 'right'}>
-				<Fab
-					aria-label='Share screen'
-					className={classes.fab}
-					disabled={!me.canShareScreen || me.screenShareInProgress}
-					color={screenState === 'on' ? 'primary' : 'default'}
-					size={smallScreen ? 'large' : 'medium'}
-					onClick={() =>
-					{
-						switch (screenState)
+				<div>
+					<Fab
+						aria-label='Share screen'
+						className={classes.fab}
+						disabled={!me.canShareScreen || me.screenShareInProgress}
+						color={screenState === 'on' ? 'primary' : 'default'}
+						size={smallScreen ? 'large' : 'medium'}
+						onClick={() =>
 						{
-							case 'on':
+							switch (screenState)
 							{
-								roomClient.disableScreenSharing();
-								break;
-							}
-							case 'off':
-							{
-								roomClient.enableScreenSharing();
-								break;
-							}
-							default:
-							{
-								break;
+								case 'on':
+								{
+									roomClient.disableScreenSharing();
+									break;
+								}
+								case 'off':
+								{
+									roomClient.enableScreenSharing();
+									break;
+								}
+								default:
+								{
+									break;
+								}
 							}
+						}}
+					>
+						{ screenState === 'on' || screenState === 'unsupported' ?
+							<ScreenOffIcon/>
+							:null
 						}
-					}}
-				>
-					{ screenState === 'on' || screenState === 'unsupported' ?
-						<ScreenOffIcon/>
-						:null
-					}
-					{ screenState === 'off' ?
-						<ScreenIcon/>
-						:null
-					}
-				</Fab>
+						{ screenState === 'off' ?
+							<ScreenIcon/>
+							:null
+						}
+					</Fab>
+				</div>
 			</Tooltip>
 
 			<Tooltip