From 2ae4fabb4decb82f468a7b9c80d2b1d217f1afe5 Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Thu, 21 Mar 2013 12:29:15 +0200
Subject: [PATCH] Show ellipsis when contact name is too long

---
 converse.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/converse.css b/converse.css
index e3657fe6f..8a0a39298 100644
--- a/converse.css
+++ b/converse.css
@@ -364,8 +364,12 @@ form.search-xmpp-contact input {
 }
 
 #xmppchat-roster dd a {
-    margin-left: 2em;
+    margin-left: 1.5em;
     text-shadow: 0 1px 0 rgba(250, 250, 250, 1);
+    display: inline-block;
+    width: 113px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .remove-xmpp-contact-dialog .ui-dialog-buttonpane {
@@ -417,6 +421,7 @@ dd.available-chatroom,
     background: url('images/delete_icon.png') no-repeat right top;
     padding: 0 1em 1em 0;
     float: right;
+    width: 22px;
     margin: 0;
 }