From e2ae6e6235b26c9895cfa36128bb63167bd59946 Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Tue, 19 Sep 2017 16:56:14 +0100
Subject: [PATCH] Separate sender profile into elements with classes

For separate CSS manipulation so that we can vary opacity independently for flair/name/aux
---
 src/components/views/messages/SenderProfile.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/views/messages/SenderProfile.js b/src/components/views/messages/SenderProfile.js
index 70ae95408c..d9ab00e03f 100644
--- a/src/components/views/messages/SenderProfile.js
+++ b/src/components/views/messages/SenderProfile.js
@@ -32,9 +32,9 @@ export default function SenderProfile(props) {
 
     return (
         <div className="mx_SenderProfile" dir="auto" onClick={props.onClick}>
-            <EmojiText>{name || ''}</EmojiText>
+            <EmojiText className="mx_SenderProfile_name">{name || ''}</EmojiText>
             {props.enableFlair ? <Flair userId={mxEvent.getSender()} /> : null}
-            {props.aux ? <EmojiText> {props.aux}</EmojiText> : null}
+            {props.aux ? <EmojiText className="mx_SenderProfile_aux"> {props.aux}</EmojiText> : null}
         </div>
     );
 }