Fix ptt break layout (#298)

app/src/components/Containers/Me.js

@@ -132,12 +132,12 @@ const styles = (theme) =>
 		{
 			position        : 'absolute',
 			float           : 'left',
-			top             : '10%',
+			top             : '25%',
 			left            : '50%',
 			transform       : 'translate(-50%, 0%)',
 			color           : 'rgba(255, 255, 255, 0.7)',
-			fontSize        : '2vs',
-			backgroundColor : 'rgba(255, 0, 0, 0.5)',
+			fontSize        : '1.3em',
+			backgroundColor : 'rgba(255, 0, 0, 0.9)',
 			margin          : '4px',
 			padding         : theme.spacing(2),
 			zIndex          : 31,
@@ -322,8 +322,8 @@ const Me = (props) =>
 				}}
 				style={spacingStyle}
 			>
-				<div className={classes.viewContainer} style={style}>
-					{ !smallContainer &&
+				
+				{ me.browser.platform !== 'mobile' &&
 				<div className={classnames(
 					classes.ptt,
 					(micState === 'muted' && me.isSpeaking) ? 'enabled' : null
@@ -335,6 +335,7 @@ const Me = (props) =>
 					/>	
 				</div>
 				}
+				<div className={classes.viewContainer} style={style}>
 					<p className={
 						classnames(
 							classes.meTag,