From c5143de64786c5489d309605c3f281fde2b6cd93 Mon Sep 17 00:00:00 2001
From: Roman Drozd <37835902+roman-drozd-it@users.noreply.github.com>
Date: Fri, 8 May 2020 22:26:45 +0200
Subject: [PATCH] Fix ptt break layout (#298)

---
 app/src/components/Containers/Me.js | 31 +++++++++++++++--------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js
index aa3a9a3..743c022 100644
--- a/app/src/components/Containers/Me.js
+++ b/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,19 +322,20 @@ const Me = (props) =>
 				}}
 				style={spacingStyle}
 			>
+				
+				{ me.browser.platform !== 'mobile' &&
+				<div className={classnames(
+					classes.ptt,
+					(micState === 'muted' && me.isSpeaking) ? 'enabled' : null
+				)}
+				>
+					<FormattedMessage
+						id='me.mutedPTT'
+						defaultMessage='You are muted, hold down SPACE-BAR to talk'
+					/>	
+				</div>
+				}
 				<div className={classes.viewContainer} style={style}>
-					{ !smallContainer &&
-						<div className={classnames(
-							classes.ptt,
-							(micState === 'muted' && me.isSpeaking) ? 'enabled' : null
-						)}
-						>
-							<FormattedMessage
-								id='me.mutedPTT'
-								defaultMessage='You are muted, hold down SPACE-BAR to talk'
-							/>	
-						</div>
-					}
 					<p className={
 						classnames(
 							classes.meTag,