From ecd197df863dcbcb40c2d285bde4863b20ca349a Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Tue, 7 Jul 2015 04:05:44 +0100
Subject: [PATCH] fudge room member tiles to look slightly better

---
 skins/base/views/molecules/MRoomMemberTile.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/skins/base/views/molecules/MRoomMemberTile.js b/skins/base/views/molecules/MRoomMemberTile.js
index 1c4cfe891a..862deb5dac 100644
--- a/skins/base/views/molecules/MRoomMemberTile.js
+++ b/skins/base/views/molecules/MRoomMemberTile.js
@@ -20,6 +20,9 @@ var React = require('react');
 
 var MRoomMemberTileController = require("../../../../src/controllers/molecules/MRoomMemberTile");
 
+var ComponentBroker = require('../../../../src/ComponentBroker');
+var MessageTimestamp = ComponentBroker.get('atoms/MessageTimestamp');
+
 module.exports = React.createClass({
     displayName: 'MRoomMemberTile',
     mixins: [MRoomMemberTileController],
@@ -37,10 +40,15 @@ module.exports = React.createClass({
     },
 
     render: function() {
+        // XXX: for now, just cheekily borrow the css from message tile...
         return (
-            <span className="mx_MemberTile">
-                {this.getMemberEventText()}
-            </span>
+            <div className="mx_MessageTile">
+                <MessageTimestamp ts={this.props.mxEvent.getTs()} />
+                <span className="mx_SenderProfile"></span>
+                <span className="mx_messageTileType">
+                    {this.getMemberEventText()}
+                </span>
+            </div>
         );
     },
 });