more fixes to chats list

less/chats.less

@@ -4,7 +4,7 @@
 	overflow-y: auto;
 	border-top: 1px solid @gray-lighter;
 
-	li {
+	> li {
 		position: relative;
 		clear: both;
 		list-style-type: none;
@@ -81,6 +81,17 @@
 				opacity: 1.0;
 			}
 		}
+
+		.members {
+			padding-left: 1rem;
+
+			li {
+				display: inline-block;
+				width: 16px;
+				padding: 0;
+				margin: 0;
+			}
+		}
 	}
 }
 

templates/partials/chat_recent_room.tpl

@@ -2,7 +2,9 @@
 	<i class="fa fa-times pull-right leave" component="chat/leave"></i>
 	<div>
 		<p>{rooms.roomName}</p>
+		<ul class="members">
 			<!-- BEGIN rooms.users -->
+			<li>
 				<a href="{config.relative_path}/user/{rooms.users.userslug}">
 					<!-- IF rooms.users.picture -->
 					<img class="user-img avatar avatar-sm avatar-rounded" src="{rooms.users.picture}" title="{rooms.users.username}">
@@ -10,10 +12,12 @@
 					<div class="user-img avatar avatar-sm avatar-rounded" title="{rooms.users.username}" style="background-color: {rooms.users.icon:bgColor};">{rooms.users.icon:text}</div>
 					<!-- ENDIF rooms.users.picture -->
 				</a>
+			</li>
 			<!-- END rooms.users -->
 			<!-- IF !rooms.lastUser.uid -->
-		[[modules:chat.no-users-in-room]]
+			<li>[[modules:chat.no-users-in-room]]</li>
 			<!-- ENDIF !rooms.lastUser.uid -->
+		</ul>
 	</div>
 
 	<span class="teaser-content">{rooms.teaser.content}</span>