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,18 +2,22 @@
 	<i class="fa fa-times pull-right leave" component="chat/leave"></i>
 	<div>
 		<p>{rooms.roomName}</p>
-		<!-- BEGIN rooms.users -->
+		<ul class="members">
-		<a href="{config.relative_path}/user/{rooms.users.userslug}">
+			<!-- BEGIN rooms.users -->
-			<!-- IF rooms.users.picture -->
+			<li>
-			<img class="user-img avatar avatar-sm avatar-rounded" src="{rooms.users.picture}" title="{rooms.users.username}">
+				<a href="{config.relative_path}/user/{rooms.users.userslug}">
-			<!-- ELSE -->
+					<!-- IF rooms.users.picture -->
-			<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>
+					<img class="user-img avatar avatar-sm avatar-rounded" src="{rooms.users.picture}" title="{rooms.users.username}">
-			<!-- ENDIF rooms.users.picture -->
+					<!-- ELSE -->
-		</a>
+					<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>
-		<!-- END rooms.users -->
+					<!-- ENDIF rooms.users.picture -->
-		<!-- IF !rooms.lastUser.uid -->
+				</a>
-		[[modules:chat.no-users-in-room]]
+			</li>
-		<!-- ENDIF !rooms.lastUser.uid -->
+			<!-- END rooms.users -->
+			<!-- IF !rooms.lastUser.uid -->
+			<li>[[modules:chat.no-users-in-room]]</li>
+			<!-- ENDIF !rooms.lastUser.uid -->
+		</ul>
 	</div>
 
 	<span class="teaser-content">{rooms.teaser.content}</span>