From d897eada61ca7be46d3beb6b02248ca9b2befdff Mon Sep 17 00:00:00 2001
From: Sam <sam.saffron@gmail.com>
Date: Fri, 16 May 2014 11:08:06 +1000
Subject: [PATCH] Improve visual styling for badges page

---
 .../discourse/templates/badges/show.js.handlebars    |  2 --
 app/assets/stylesheets/common/base/user-badges.scss  | 12 +++++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/badges/show.js.handlebars b/app/assets/javascripts/discourse/templates/badges/show.js.handlebars
index 980975093d..5949c35d8b 100644
--- a/app/assets/javascripts/discourse/templates/badges/show.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/badges/show.js.handlebars
@@ -14,8 +14,6 @@
   </table>
 
   {{#if userBadges}}
-    <h2>{{i18n users}}</h2>
-    <br>
     <div>
     {{#each userBadges}}
         {{#link-to 'userActivity' user}}
diff --git a/app/assets/stylesheets/common/base/user-badges.scss b/app/assets/stylesheets/common/base/user-badges.scss
index f970f99091..b6b0e48ec6 100644
--- a/app/assets/stylesheets/common/base/user-badges.scss
+++ b/app/assets/stylesheets/common/base/user-badges.scss
@@ -79,19 +79,21 @@ table.badges-listing {
 .show-badge {
   .badge-user {
     display: inline-block;
+    text-align: center;
+    width: 100px;
     padding: 5px 10px;
-    border: 1px solid lighten($primary, 60%);
-    margin-bottom: 3px;
+    margin-bottom: 10px;
 
     .details {
-      float: right;
       margin: 0 10px;
       padding-top: 3px;
-      color: darken($primary, 40%);;
+      color: $primary;
     }
+
     .date {
       display: block;
-      color: $primary;
+      color: lighten($primary, 40%);
+      font-size: 10px;
     }
   }
 }