Don't hide controls when there is no video. Fixes #99.

app/src/components/Containers/Peer.js

@@ -73,7 +73,7 @@ const styles = (theme) =>
 			justifyContent  : 'center',
 			alignItems      : 'flex-end',
 			padding         : '0.4vmin',
-			zIndex          : 20,
+			zIndex          : 21,
 			opacity         : 0,
 			transition      : 'opacity 0.3s',
 			touchAction     : 'none',
@@ -92,7 +92,7 @@ const styles = (theme) =>
 			justifyContent  : 'center',
 			alignItems      : 'center',
 			padding         : '0.4vmin',
-			zIndex          : 21,
+			zIndex          : 20,
 			'& p'           :
 			{
 				padding       : '6px 12px',
@@ -209,7 +209,6 @@ const Peer = (props) =>
 						:null
 					}
 
-					{ videoVisible ?
 					<div
 						className={classnames(classes.controls, webcamHover ? 'hover' : null)}
 						onMouseOver={() => setWebcamHover(true)}
@@ -235,6 +234,7 @@ const Peer = (props) =>
 						<Fab
 							aria-label='Mute mic'
 							className={classes.fab}
+							disabled={!micConsumer}
 							color={micEnabled ? 'default' : 'secondary'}
 							onClick={() =>
 							{
@@ -280,8 +280,6 @@ const Peer = (props) =>
 							<FullScreenIcon />
 						</Fab>
 					</div>
-						:null
-					}
 
 					<VideoView
 						advancedMode={advancedMode}