From a4f7ad31616e03e1a3d2fb2f0cc86d6e219a8b70 Mon Sep 17 00:00:00 2001
From: psychobunny <psycho.bunny@hotmail.com>
Date: Fri, 3 Oct 2014 18:57:33 -0400
Subject: [PATCH] admin/manage/users styling

---
 public/less/admin/manage/users.less | 55 +++++++++++++++++++----------
 src/views/admin/manage/users.tpl    | 25 +++++--------
 2 files changed, 45 insertions(+), 35 deletions(-)

diff --git a/public/less/admin/manage/users.less b/public/less/admin/manage/users.less
index b60cc5938d..ab6b18a17f 100644
--- a/public/less/admin/manage/users.less
+++ b/public/less/admin/manage/users.less
@@ -1,27 +1,46 @@
 .users {
 	#users-container {
 		border: 1px solid #eee;
-		padding: 0px 20px 20px
-	}
+		padding: 0px 20px 20px;
 
-	.users-box{
-		display: inline-block;
-		margin-top: 20px;
-		text-align: center;
-		vertical-align: top;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-		overflow: hidden;
-		height: auto;
-		max-width: 125px;
+		.users-box {
+			display: inline-block;
+			margin-top: 20px;
+			text-align: center;
+			vertical-align: top;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			overflow: hidden;
+			height: auto;
+			max-width: 125px;
 
-		img {
-			width:80px;
-			height:80px;
-		}
+			img {
+				width:80px;
+				height:80px;
+			}
+
+			a {
+				margin-bottom:5px;
+				font-size: 12px;
+			}
+
+			.user-image {
+				position: relative;
+
+				.labels {
+					position: absolute;
+					bottom: 0px;
+					width: 100%;
 
-		a {
-			margin-bottom:5px;
+					span {
+						width: 100%;
+						opacity: 0.9;
+						font-size: 10px;
+						display: block;
+						border-radius: 0;
+					}
+				}
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/src/views/admin/manage/users.tpl b/src/views/admin/manage/users.tpl
index f92d171f71..aa4a8419ee 100644
--- a/src/views/admin/manage/users.tpl
+++ b/src/views/admin/manage/users.tpl
@@ -38,24 +38,15 @@
 				<ul id="users-container">
 					<!-- BEGIN users -->
 					<div class="users-box" data-uid="{users.uid}" data-username="{users.username}">
-
-						<img src="{users.picture}" class="img-thumbnail user-selectable"/>
-						<br/>
-						
-						<a href="{relative_path}/user/{users.userslug}" target="_blank">{users.username}</a>
-						<br/>
-
-						<div title="uid">
-							<i class='fa fa-user'></i>
-							<span>{users.uid}</span>
+						<div class="user-image">
+							<img src="{users.picture}" class="img-thumbnail user-selectable"/>
+							<div class="labels">
+								<span class="administrator label label-primary <!-- IF !users.administrator -->hide<!-- ENDIF !users.administrator -->">Admin</span>
+								<span class="ban label label-danger <!-- IF !users.banned -->hide<!-- ENDIF !users.banned -->">Banned</span>
+							</div>
 						</div>
-
-						<span class="administrator label label-primary <!-- IF !users.administrator -->hide<!-- ENDIF !users.administrator -->">Admin</span>
-
-						<br/>
-
-						<span class="ban label label-danger <!-- IF !users.banned -->hide<!-- ENDIF !users.banned -->">Banned</span>
-
+						
+						<a href="{relative_path}/user/{users.userslug}" target="_blank">{users.username} ({users.uid})</a>
 					</div>
 					<!-- END users -->
 				</ul>