Implemented the style of UserItemRenderer.mxml

clients/flash/air-client/src/css/xhdpi.css

@@ -4,6 +4,7 @@
 @namespace skins "org.bigbluebutton.lib.main.views.skins.*";
 @namespace views "org.bigbluebutton.air.common.views.*";
 @namespace libChat "org.bigbluebutton.lib.chat.views.*";
+@namespace users "org.bigbluebutton.lib.user.views.*";
 
 @media (application-dpi: 320) {
 	main|LoadingScreen {
@@ -39,6 +40,11 @@
 		labelPadding : 30;
 	}
 	
+	users|UserItemRenderer {
+		color : PropertyReference("regentGrey");
+		iconSize : 44;
+	}
+	
 	.titleLabel {
 		fontSize : 34;
 		left     : 90;

clients/flash/common-library/src/main/actionscript/org/bigbluebutton/lib/user/views/UserItemRenderer.mxml

@@ -39,16 +39,16 @@
 					
 					if (obj.voiceJoined) {
 						if (obj.muted) {
-							audioIcon.text = "\ue91c";
+							audioIcon.styleName = "icon icon-audio-off";
 						} else if (obj.talking) {
-							audioIcon.text = "\ue901";
+							audioIcon.styleName = "icon icon-audio-close";
 						} else {
-							audioIcon.text = "\ue91b";
+							audioIcon.styleName = "icon icon-audio";
 						}
 					} else if (obj.listenOnly) {
-						audioIcon.text = "\ue90d";
+						audioIcon.styleName = "icon icon-listen";
 					} else {
-						audioIcon.text = " ";
+						audioIcon.styleName = "";
 					}
 					
 					lockIcon.visible = obj.locked;
@@ -84,13 +84,18 @@
 			<s:Label id="subLabelDisplay"
 					 styleName="participantStatus" />
 		</s:VGroup>
+		
 		<s:Label id="cameraIcon"
-				 text="&#xe921;"
-				 styleName="icon" />
+				 text="{cameraIcon.getStyle('icon')}"
+				 fontSize="{getStyle('iconSize')}"
+				 styleName="icon icon-video" />
 		<s:Label id="audioIcon"
-				 styleName="icon" />
+				 text="{audioIcon.getStyle('icon')}"
+				 fontSize="{getStyle('iconSize')}"
+				 styleName="icon icon-audio" />
 		<s:Label id="lockIcon"
-				 text="&#xe927;"
-				 styleName="icon" />
+				 text="{lockIcon.getStyle('icon')}"
+				 fontSize="{getStyle('iconSize')}"
+				 styleName="icon icon-lock" />
 	</s:HGroup>
 </s:ItemRenderer>

clients/flash/shared/assets/css/bbb-icons.css

@@ -30,27 +30,27 @@
   icon: "\ue932";
 }
 
-.icon-bbb-file {
+.icon-file {
   icon: "\ue92f";
 }
 
-.icon-bbb-upload {
+.icon-upload {
   icon: "\ue930";
 }
 
-.icon-bbb-audio-close {
+.icon-audio-close {
   icon: "\ue901";
 }
 
-.icon-bbb-applause {
+.icon-applause {
   icon: "\ue924";
 }
 
-.icon-bbb-thumbs-down {
+.icon-thumbs-down {
   icon: "\ue92d";
 }
 
-.icon-bbb-thumbs-up {
+.icon-thumbs-up {
   icon: "\ue92e";
 }