From 8796acd80d5ba29f0c531ee5740bff1f8796ebcf Mon Sep 17 00:00:00 2001
From: Italo Rossi <italorossib@gmail.com>
Date: Sat, 26 Sep 2015 10:30:35 -0300
Subject: [PATCH] FS-8223 [verto_communicator] needs display inline-block and
 obviously the class in the element.

---
 html5/verto/verto_communicator/src/css/verto.css      | 1 +
 html5/verto/verto_communicator/src/partials/chat.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/html5/verto/verto_communicator/src/css/verto.css b/html5/verto/verto_communicator/src/css/verto.css
index 4b305dda92..4bc9abae2b 100644
--- a/html5/verto/verto_communicator/src/css/verto.css
+++ b/html5/verto/verto_communicator/src/css/verto.css
@@ -13,6 +13,7 @@ body {
   overflow: hidden;
   white-space: nowrap;
   width: 160px;
+  display: inline-block;
 }
 
 .inline-block {
diff --git a/html5/verto/verto_communicator/src/partials/chat.html b/html5/verto/verto_communicator/src/partials/chat.html
index 3d9b217f4c..42ec623e40 100644
--- a/html5/verto/verto_communicator/src/partials/chat.html
+++ b/html5/verto/verto_communicator/src/partials/chat.html
@@ -22,7 +22,7 @@
         <img gravatar-size="40" gravatar-src-once="member.email" class="img-circle" ng-class="{'chat-member-talking': member.status.audio.talking, 'chat-member-muted': member.status.audio.muted}" />
       </span>
       <!-- FIXME(italo): Put this whole block in a flex box to avoid defining fixed width.-->
-      <h4 class="chat-members-name"><div class="members-name">{{ member.name }}</div> <small>({{ member.number }})</small></h4>
+      <h4 class="chat-members-name"><div class="members-name">{{ member.name }}</div> <small class="ellipsis">({{ member.number }})</small></h4>
       <div class="pull-right action-buttons chat-members-action" ng-show="verto.data.confRole == 'moderator'">
         <div class="btn-group">
           <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown">