From 4c6d9291bf767384a67fea6b449eb05d942e7511 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 7 May 2020 14:57:42 +0200
Subject: [PATCH] Fix regression on advanced mode, ref #309

---
 app/src/components/Containers/Me.js | 43 +++++++++++++++--------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js
index 8279a61..ead95b1 100644
--- a/app/src/components/Containers/Me.js
+++ b/app/src/components/Containers/Me.js
@@ -77,28 +77,28 @@ const styles = (theme) =>
 		{
 			position : 'relative',
 			width    : '100%',
-			height   : '100%',
-			'& p'    :
+			height   : '100%'
+		},
+		meTag :
+		{
+			position   : 'absolute',
+			float      : 'left',
+			top        : '50%',
+			left       : '50%',
+			transform  : 'translate(-50%, -50%)',
+			color      : 'rgba(255, 255, 255, 0.5)',
+			fontSize   : '7em',
+			zIndex     : 30,
+			margin     : 0,
+			opacity    : 0,
+			transition : 'opacity 0.1s ease-in-out',
+			'&.hover'  :
 			{
-				position   : 'absolute',
-				float      : 'left',
-				top        : '50%',
-				left       : '50%',
-				transform  : 'translate(-50%, -50%)',
-				color      : 'rgba(255, 255, 255, 0.5)',
-				fontSize   : '7em',
-				zIndex     : 30,
-				margin     : 0,
-				opacity    : 0,
-				transition : 'opacity 0.1s ease-in-out',
-				'&.hover'  :
-				{
-					opacity : 1
-				},
-				'&.smallContainer' :
-				{
-					fontSize : '3em'
-				}
+				opacity : 1
+			},
+			'&.smallContainer' :
+			{
+				fontSize : '3em'
 			}
 		},
 		controls :
@@ -333,6 +333,7 @@ const Me = (props) =>
 					}
 					<p className={
 						classnames(
+							classes.meTag,
 							hover ? 'hover' : null,
 							smallContainer ? 'smallContainer' : null
 						)}