prettier user boxes

public/css/style.less

@@ -207,11 +207,6 @@ footer.footer {
    margin-bottom:10px;
 }
 
-.user-8080-picture {
-   width:80px;
-   height:80px;
-}
-
 .user-picture-label {
   font-size:20px;
 }
@@ -333,14 +328,22 @@ footer.footer {
 
 .users-box{
   display: inline-block;
-  margin-right: 20px;
   margin-top: 20px;
   text-align: center; 
   vertical-align: top; 
-  max-width: 84px;
+  max-width: 104px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
+
+  img {
+  	width:80px;
+  	height:80px;
+  }
+
+  a {
+  	margin:5px;
+  }
 }
 
 a:hover {

public/templates/admin/users.tpl

@@ -16,9 +16,9 @@
 
 <ul class="users">
 	<!-- BEGIN users -->
-	<div class="users-box well" data-uid="{users.uid}" data-admin="{users.administrator}" data-username="{users.username}">
+	<div class="users-box" data-uid="{users.uid}" data-admin="{users.administrator}" data-username="{users.username}">
 		<a href="/users/{users.userslug}">
-			<img src="{users.picture}" class="user-8080-picture"/>
+			<img src="{users.picture}" class="img-polaroid"/>
 		</a>
 		<br/>
 		<a href="/users/{users.userslug}">{users.username}</a>
@@ -34,7 +34,6 @@
 		<div>
 			<a href="#" class="btn admin-btn">Admin</a>
 		</div>
-		<br/>
 		<div>
 			<a href="#" class="btn delete-btn btn-danger">Delete</a>
 		</div>

public/templates/followers.tpl

@@ -15,10 +15,9 @@
 
 	<div>
 		<!-- BEGIN followers -->
-
-		<div class="users-box well">
+		<div class="users-box">
 			<a href="/users/{followers.userslug}">
-				<img src="{followers.picture}" class="user-8080-picture"/>
+				<img src="{followers.picture}" class="img-polaroid"/>
 			</a>
 			<br/>
 			<a href="/users/{followers.userslug}">{followers.username}</a>

public/templates/following.tpl

@@ -18,9 +18,9 @@
 	<div>
 		<!-- BEGIN following -->
 
-		<div class="users-box well">
+		<div class="users-box">
 			<a href="/users/{following.userslug}">
-				<img src="{following.picture}" class="user-8080-picture"/>
+				<img src="{following.picture}" class="img-polaroid"/>
 			</a>
 			<br/>
 			<a href="/users/{following.userslug}">{following.username}</a>

public/templates/users.tpl

@@ -16,9 +16,9 @@
 	
 	<ul class="users">
 		<!-- BEGIN users -->
-		<div class="users-box well">
+		<div class="users-box">
 			<a href="/users/{users.userslug}">
-				<img src="{users.picture}" class="user-8080-picture"/>
+				<img src="{users.picture}" class="img-polaroid"/>
 			</a>
 			<br/>
 			<a href="/users/{users.userslug}">{users.username}</a>