From ef0b75386f918afe97edbcb415a03cd5e406097c Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Thu, 30 Jul 2015 16:31:49 -0400
Subject: [PATCH] FIX: badge titles should always render under the badge image
 on user's badges page

---
 .../discourse/templates/components/badge-button.hbs           | 2 +-
 app/assets/stylesheets/common/base/user-badges.scss           | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/components/badge-button.hbs b/app/assets/javascripts/discourse/templates/components/badge-button.hbs
index 7c0469791ec..4886147389c 100644
--- a/app/assets/javascripts/discourse/templates/components/badge-button.hbs
+++ b/app/assets/javascripts/discourse/templates/components/badge-button.hbs
@@ -1,3 +1,3 @@
 {{icon-or-image badge.icon}}
-{{badge.displayName}}
+<span class="badge-display-name">{{badge.displayName}}</span>
 {{yield}}
diff --git a/app/assets/stylesheets/common/base/user-badges.scss b/app/assets/stylesheets/common/base/user-badges.scss
index 24691c940e6..74b87c82651 100644
--- a/app/assets/stylesheets/common/base/user-badges.scss
+++ b/app/assets/stylesheets/common/base/user-badges.scss
@@ -51,7 +51,9 @@
     }
 
     img {
-      display: inline-block;
+      display: block;
+      margin: auto;
+      margin-bottom: 4px;
       width: 55px;
       height: 55px;
     }