From 2bd5b0fdadfff05258fc67d09409c6a9378f7327 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Tue, 16 Jun 2015 14:27:13 +0100
Subject: [PATCH] Just be a little less ugly

---
 css/atoms/MessageTimestamp.css  | 6 ++++++
 css/molecules/SenderProfile.css | 6 ++++++
 src/molecules/MessageTile.js    | 2 +-
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 css/atoms/MessageTimestamp.css
 create mode 100644 css/molecules/SenderProfile.css

diff --git a/css/atoms/MessageTimestamp.css b/css/atoms/MessageTimestamp.css
new file mode 100644
index 000000000..f404bb47a
--- /dev/null
+++ b/css/atoms/MessageTimestamp.css
@@ -0,0 +1,6 @@
+.mx_MessageTimestamp {
+    color: #777;
+    width: 75px;
+    font-size: 80%;
+    display: inline-block;
+}
diff --git a/css/molecules/SenderProfile.css b/css/molecules/SenderProfile.css
new file mode 100644
index 000000000..3c7b46378
--- /dev/null
+++ b/css/molecules/SenderProfile.css
@@ -0,0 +1,6 @@
+.mx_SenderProfile {
+    display: inline-block;
+    width: 150px;
+    color: #444;
+    font-size: 80%;
+}
diff --git a/src/molecules/MessageTile.js b/src/molecules/MessageTile.js
index d789c2e93..74d42a9a3 100644
--- a/src/molecules/MessageTile.js
+++ b/src/molecules/MessageTile.js
@@ -20,7 +20,7 @@ module.exports = React.createClass({
         return (
             <div className="mx_MessageTile">
                 <MessageTimestamp ts={this.props.mxEvent.getTs()} />
-                <SenderProfile mxEvent={this.props.mxEvent} />:
+                <SenderProfile mxEvent={this.props.mxEvent} />
                 <TileType mxEvent={this.props.mxEvent} />
             </div>
         );