From 43e57691510ede04646d09535682b7575ac29f54 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Sat, 28 Mar 2020 01:20:26 +0100
Subject: [PATCH] linting + effect for ptt

---
 app/src/components/Containers/Me.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js
index eeea591..3003f3d 100644
--- a/app/src/components/Containers/Me.js
+++ b/app/src/components/Containers/Me.js
@@ -82,7 +82,7 @@ const styles = (theme) =>
 			transition      : 'opacity 0.3s',
 			touchAction     : 'none',
 			pointerEvents   : 'none',
-			'& p' :
+			'& p'           :
 			{
 				position   : 'absolute',
 				float      : 'left',
@@ -93,10 +93,11 @@ const styles = (theme) =>
 				fontSize   : '7em',
 				margin     : 0,
 				opacity    : 0,
-				'&.hover' :
+				transition : 'opacity 0.1s ease-in-out',
+				'&.hover'  :
 				{
 					opacity : 1
-				},
+				}
 			}
 		},
 		ptt :
@@ -114,9 +115,11 @@ const styles = (theme) =>
 			borderRadius    : '20px',
 			textAlign       : 'center',
 			opacity         : 0,
-			'&.enabled' :
+			transition      : 'opacity 1s ease',
+			'&.enabled'     :
 			{
-				opacity : 1
+				transition : 'opacity 0.1s',
+				opacity    : 1
 			}
 		}
 	});