From d51e29165786f1e0dc5dc8458f59c8e96e349519 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@longsleep.org>
Date: Sun, 25 May 2014 20:41:39 +0200
Subject: [PATCH] Fixed issue with overlapping text and timestamp.

---
 src/styles/components/_chat.scss            | 5 +++++
 static/js/controllers/chatroomcontroller.js | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index 4c52a439..4da09c0b 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -297,6 +297,11 @@
     text-align: right;
     top: 8px;
   }
+  .timestamp-space {
+    width:40px;
+    height:10px;
+    float:right;
+  }
   strong {
     display: block;
     padding-bottom: 2px;
diff --git a/static/js/controllers/chatroomcontroller.js b/static/js/controllers/chatroomcontroller.js
index 958bff6d..74c66656 100644
--- a/static/js/controllers/chatroomcontroller.js
+++ b/static/js/controllers/chatroomcontroller.js
@@ -192,7 +192,9 @@ define(['underscore', 'moment', 'text!partials/fileinfo.html'], function(_, mome
 				}
 				lastMessageContainer = $("<ul>").appendTo(container);
 				if ($.trim(s)) {
-					element = $("<li>").html(s).appendTo(lastMessageContainer);
+					element = $("<li>").html(s);
+					element.prepend('<div class="timestamp-space">');
+					element.appendTo(lastMessageContainer);
 				}
 			}
 			if (nodes) {