From 8cd405e3051f8c5417ea48949e1eadaf04792346 Mon Sep 17 00:00:00 2001
From: karolinaszczur <me@karolinaszczur.com>
Date: Thu, 19 Sep 2013 16:45:11 +0200
Subject: [PATCH] [ux] initial take on messaging and timestamps

---
 public/css/app/chat.styl | 5 ++---
 public/css/otalk.css     | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/public/css/app/chat.styl b/public/css/app/chat.styl
index 0e02102..65c029a 100644
--- a/public/css/app/chat.styl
+++ b/public/css/app/chat.styl
@@ -81,8 +81,8 @@
     borderbox()
 
     &.mine
-      background: #eaf7ff
-      border-bottom: 1px solid #bbe0fa
+      background: white
+      border-bottom: 1px solid lighten($grayOutline, 10%)
 
       .timestamp
         color: #bbe0fa
@@ -108,7 +108,6 @@
       font-weight: bold
       float: right
       display: block
-      margin-right: 15px
 
 .chatBox
   borderbox()
diff --git a/public/css/otalk.css b/public/css/otalk.css
index 466f06c..a0ebec5 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -510,8 +510,8 @@ td {
   box-sizing: border-box;
 }
 .messages .message.mine {
-  background: #eaf7ff;
-  border-bottom: 1px solid #bbe0fa;
+  background: #fff;
+  border-bottom: 1px solid #e7e7e7;
 }
 .messages .message.mine .timestamp {
   color: #bbe0fa;
@@ -535,7 +535,6 @@ td {
   font-weight: bold;
   float: right;
   display: block;
-  margin-right: 15px;
 }
 .chatBox {
   -moz-box-sizing: border-box;