From c53ef51c91b6d8495039508a479974e4daf2a163 Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Mon, 28 Mar 2016 11:39:55 -0700
Subject: [PATCH] some badge image layout fixes

---
 app/assets/stylesheets/common/base/user-badges.scss | 11 ++++++++---
 app/assets/stylesheets/mobile/topic-post.scss       |  5 +++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/common/base/user-badges.scss b/app/assets/stylesheets/common/base/user-badges.scss
index 49eb08b7675..1986cc5a454 100644
--- a/app/assets/stylesheets/common/base/user-badges.scss
+++ b/app/assets/stylesheets/common/base/user-badges.scss
@@ -158,16 +158,20 @@
       background-color: dark-light-diff($primary, $secondary, 92%, -60%);
       font-size: 3em;
 
+      img {
+        max-width: 80px;
+      }
+
       &.badge-type-gold .fa {
-        color: #ffd700 !important;
+        color: #ffd700;
       }
 
       &.badge-type-silver .fa {
-        color: #c0c0c0 !important;
+        color: #c0c0c0;
       }
 
       &.badge-type-bronze .fa {
-        color: #cd7f32 !important;
+        color: #cd7f32;
       }
     }
 
@@ -187,6 +191,7 @@
 
 .badge-card.medium {
   width: 350px;
+  vertical-align: top;
 }
 
 .badge-card.large {
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 94220ad0cbf..7a946e328aa 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -14,6 +14,11 @@
   margin-top: 5px;
 }
 
+.topic-post article {
+  border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
+  padding: 8px 0;
+}
+
 .post-stream {
   padding-bottom: 30px;
 }