From e9f8e5efc6428bf1f712b6efa755c60e775d35be Mon Sep 17 00:00:00 2001
From: karolinaszczur <me@karolinaszczur.com>
Date: Fri, 27 Sep 2013 17:31:02 +0200
Subject: [PATCH] [ux] unbreak the header alignment and username length

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

diff --git a/public/css/app/chat.styl b/public/css/app/chat.styl
index d9f0c42..26eb48f 100644
--- a/public/css/app/chat.styl
+++ b/public/css/app/chat.styl
@@ -21,7 +21,7 @@
     border-bottom: 2px solid $grayOutline
     position: fixed
     right: 0px
-    left: 181px
+    left: 201px
     z-index: 10
     borderbox()
     background: $grayBackground
diff --git a/public/css/app/roster.styl b/public/css/app/roster.styl
index 0ea1f7d..333b0f4 100644
--- a/public/css/app/roster.styl
+++ b/public/css/app/roster.styl
@@ -126,7 +126,7 @@
       padding-right: 15px
       .name
         color: $textSecondary
-        width: 60%
+        max-width: 60%
 
       .user
         width: 95%
diff --git a/public/css/otalk.css b/public/css/otalk.css
index cd5a30f..9aad566 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -476,7 +476,7 @@ h3 {
 #roster li.idle .name,
 #bookmarks li.idle .name {
   color: #b7b7b7;
-  width: 60%;
+  max-width: 60%;
 }
 #roster li.idle .user,
 #bookmarks li.idle .user {
@@ -652,7 +652,7 @@ h3 {
   border-bottom: 2px solid #e4e4e4;
   position: fixed;
   right: 0px;
-  left: 181px;
+  left: 201px;
   z-index: 10;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;