From 2cd99e7c4ef96e5f4c16930e1ea32b30ad614db0 Mon Sep 17 00:00:00 2001
From: Stefan Yohansson <stefan@evolux.net.br>
Date: Fri, 2 Oct 2015 10:31:50 -0300
Subject: [PATCH] FS-8263 $resolve [verto_communicator] lock icon in
 floorLocked status

---
 .../verto_communicator/src/css/verto.css      | 20 ++++++++++++++++++-
 .../verto_communicator/src/partials/chat.html |  4 ++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/html5/verto/verto_communicator/src/css/verto.css b/html5/verto/verto_communicator/src/css/verto.css
index 1bb445118c..21e9fde1ef 100644
--- a/html5/verto/verto_communicator/src/css/verto.css
+++ b/html5/verto/verto_communicator/src/css/verto.css
@@ -895,9 +895,26 @@ body .modal-body .btn-group .btn.active {
   white-space: nowrap;
 }
 
+.members-number {
+  font-size: 10px;
+}
+
 .members-badges {
   font-size: 10px;
   text-transform: uppercase;
+  margin-top: -2px;
+}
+
+.badge-floor span {
+  display: inline-block;
+}
+
+.lock-floor {
+  position: relative;
+  top: -3px;
+  display: inline-block;
+  font-size: 10px;
+  color: #FFF;
 }
 
 .chat-members .chat-member-item {
@@ -931,7 +948,8 @@ body .modal-body .btn-group .btn.active {
   margin: 0;
   font-size: 16px;
   display: inline-block;
-  line-height: 14px;
+  line-height: 16px;
+  margin-top: -3px;
 }
 
 .chat-members .chat-members-status i {
diff --git a/html5/verto/verto_communicator/src/partials/chat.html b/html5/verto/verto_communicator/src/partials/chat.html
index a717c5d534..377b9127d8 100644
--- a/html5/verto/verto_communicator/src/partials/chat.html
+++ b/html5/verto/verto_communicator/src/partials/chat.html
@@ -24,10 +24,10 @@
       <!-- 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 class="ellipsis">({{ member.number }})</small>
+	<small class="ellipsis members-number">({{ member.number }})</small>
 	
 	<div class="members-badges">
-	  <div ng-if="member.status.video.floor" class="label" ng-class="{'label-danger': member.status.video.floorLocked, 'label-info': !member.status.video.floorLocked}">Floor</div>
+   	  <div ng-if="member.status.video.floor" class="label badge-floor" ng-class="{'label-danger': member.status.video.floorLocked, 'label-info': !member.status.video.floorLocked}"><i class="mdi mdi-action-https lock-floor" ng-if="member.status.video.floorLocked"></i> <span>Floor</span></div>
           <div ng-if="member.status.video.reservationID == 'presenter'" class="label label-warning">Presenter</div>
 	</div>
       </h4>