From 876b1256a23d9ce133057db7296f92d81926bb1e Mon Sep 17 00:00:00 2001
From: karolinaszczur <me@karolinaszczur.com>
Date: Thu, 19 Sep 2013 16:39:07 +0200
Subject: [PATCH] [ux] fix message list positioning

---
 public/css/app/aux.styl    |  2 ++
 public/css/app/chat.styl   |  2 +-
 public/css/app/layout.styl |  4 ++--
 public/css/app/roster.styl |  5 +++--
 public/css/otalk.css       | 14 +++++++++-----
 5 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/public/css/app/aux.styl b/public/css/app/aux.styl
index f86bc34..3e742f1 100644
--- a/public/css/app/aux.styl
+++ b/public/css/app/aux.styl
@@ -1,4 +1,6 @@
 .aux
+  background: $grayBackground
+  
   header
     margin-top: 8%
     text-align: center
diff --git a/public/css/app/chat.styl b/public/css/app/chat.styl
index e31d142..0e02102 100644
--- a/public/css/app/chat.styl
+++ b/public/css/app/chat.styl
@@ -50,7 +50,7 @@
   font-weight: normal
   margin: 0px
   padding: 0px
-  padding-top: 150px
+  padding-top: 130px
   overflow-y: auto
   overflow-x: hidden
   position: relative
diff --git a/public/css/app/layout.styl b/public/css/app/layout.styl
index 532b0fd..ea3e14b 100644
--- a/public/css/app/layout.styl
+++ b/public/css/app/layout.styl
@@ -2,7 +2,7 @@
 @import '../_mixins'
 
 body
-  background: #ecf0f2
+  background: white
   color: $baseText
   gotham()
   font-size: 16px
@@ -16,5 +16,5 @@ h1, h2, h3, h4
   position: absolute
   top: 0px
   right: 0px
-  left: 201px
+  left: 181px
   borderbox()
diff --git a/public/css/app/roster.styl b/public/css/app/roster.styl
index 022ebe4..bbe6c80 100644
--- a/public/css/app/roster.styl
+++ b/public/css/app/roster.styl
@@ -50,12 +50,13 @@
     min-height: 20px
     font-size: 11px
     color: #fff
+    cursor: pointer
 
     &:nth-child(2n)
-      background-color: #1e252f
+      background: #1e252f
 
     &:hover
-      background-color: #2a323f
+      background: #2a323f
 
     &.hasUnread .unread
       display: block
diff --git a/public/css/otalk.css b/public/css/otalk.css
index febfbd3..466f06c 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -296,14 +296,15 @@ td {
   min-height: 20px;
   font-size: 11px;
   color: #fff;
+  cursor: pointer;
 }
 #roster li:nth-child(2n),
 #bookmarks li:nth-child(2n) {
-  background-color: #1e252f;
+  background: #1e252f;
 }
 #roster li:hover,
 #bookmarks li:hover {
-  background-color: #2a323f;
+  background: #2a323f;
 }
 #roster li.hasUnread .unread,
 #bookmarks li.hasUnread .unread {
@@ -472,7 +473,7 @@ td {
   font-weight: normal;
   margin: 0px;
   padding: 0px;
-  padding-top: 150px;
+  padding-top: 130px;
   overflow-y: auto;
   overflow-x: hidden;
   position: relative;
@@ -627,7 +628,7 @@ td {
   top: -3px;
 }
 body {
-  background: #ecf0f2;
+  background: #fff;
   color: #565656;
   font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
   font-style: normal;
@@ -645,11 +646,14 @@ h4 {
   position: absolute;
   top: 0px;
   right: 0px;
-  left: 201px;
+  left: 181px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
+.aux {
+  background: #f7f7f7;
+}
 .aux header {
   margin-top: 8%;
   text-align: center;