improved admin users list

client/views/admin/users/adminUsers.html

@@ -25,17 +25,19 @@
 						<thead>
 							<tr>
 								<td>&nbsp;</td>
-								<td>&nbsp;</td>
-								<td>{{_ "Name"}}</td>
-								<td>{{_ "Username"}}</td>
-								<td>{{_ "Email"}}</td>
+								<td width="34%">{{_ "Name"}}</td>
+								<td width="33%">{{_ "Username"}}</td>
+								<td width="33%">{{_ "Email"}}</td>
 							</tr>
 						</thead>
 						<tbody>
 							{{#each users}}
-							<tr>
-								<td class='user-image status-{{status}}'></td>
-								<td>{{> avatar username=username}}</td>
+							<tr class="user-info" data-id="{{_id}}">
+								<td>
+									<div class="user-image status-{{status}}">
+										{{> avatar username=username}}
+									</div>
+								</td>
 								<td>{{name}}</td>
 								<td>{{username}}</td>
 								<td>{{emailAddress}}</td>

packages/rocketchat-theme/assets/stylesheets/base.less

@@ -291,6 +291,11 @@ blockquote {
 			animation-iteration-count: infinite;
 			animation-timing-function: linear;
 		}
+		.icon-search {
+			position: absolute;
+			left: 2px;
+			top: 10px;
+		}
 		input {
 			padding-left: 20px;
 		}
@@ -1842,66 +1847,20 @@ a.github-fork {
 	}
 
 	.list {
-		a {
-			.clearfix;
-			display: block;
-			padding: 10px 16px;
-			width: 100%;
-			border-bottom: 1px solid;
-			.transition(background .15s ease-out);
-			&:hover {
-			}
-		}
-		ul {
-			margin: 6px 0;
+		.user-image {
+			float: right;
+			margin-left: 12px;
 		}
-		li {
-			display: inline-block;
-			margin-right: 14px;
-			font-size: 11px;
-			position: relative;
-			&:after {
-				content: " ";
-				width: 4px;
-				height: 4px;
-				border-radius: 50%;
-				position: absolute;
-				right: -12px;
-				.calc(top,
-				~"50% - 2px");
-			}
-			&:nth-last-child(1) {
-				&:after {
-					display: none;
+		table {
+			width: 100%;
+			tbody {
+				td {
+					vertical-align: middle;
+					padding: 0 2px;
+				}
+				tr {
+					cursor: pointer;
 				}
-			}
-		}
-		.info {
-			display: block;
-			float: left;
-			.calc(width,~"100% - 150px");
-			i {
-				margin-right: 5px;
-				width: 20px;
-				text-align: left;
-			}
-			h3 {
-				font-size: 18px;
-				font-weight: 500;
-			}
-			a {
-				text-decoration: none;
-			}
-		}
-		.status {
-			display: block;
-			float: right;
-			width: 150px;
-			min-height: 30px;
-			text-align: right;
-			strong {
-				font-size: 12px;
-				font-weight: 500;
 			}
 		}
 	}

packages/rocketchat-theme/assets/stylesheets/utils/_colors.import.less

@@ -630,6 +630,14 @@ a.github-fork {
 		.status {
 			color: @secondary-font-color;
 		}
+
+		table {
+			tbody {
+				tr:nth-child(odd) {
+					background-color: @secondary-background-color;
+				}
+			}
+		}
 	}
 }