From 6213e020e61b80963e0449fa02a66a973c1e8611 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 14 Dec 2018 22:16:18 -0500
Subject: [PATCH] Improving usercard badge alignment

---
 app/assets/stylesheets/common/base/user-badges.scss | 10 ++++------
 app/assets/stylesheets/desktop/user-card.scss       |  4 +++-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/common/base/user-badges.scss b/app/assets/stylesheets/common/base/user-badges.scss
index 332189afb99..db433abf70b 100644
--- a/app/assets/stylesheets/common/base/user-badges.scss
+++ b/app/assets/stylesheets/common/base/user-badges.scss
@@ -4,14 +4,12 @@
   color: $primary;
   border: 1px solid $primary-low;
   line-height: $line-height-large;
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   background-color: $secondary;
   margin: 0 0 3px;
-
-  .fa {
-    padding-right: 3px;
-    font-size: 1.4em;
-    vertical-align: bottom;
+  .d-icon {
+    margin-right: 0.25em;
   }
 
   img {
diff --git a/app/assets/stylesheets/desktop/user-card.scss b/app/assets/stylesheets/desktop/user-card.scss
index 54893e04e10..f94ae71a903 100644
--- a/app/assets/stylesheets/desktop/user-card.scss
+++ b/app/assets/stylesheets/desktop/user-card.scss
@@ -279,12 +279,14 @@ $user_card_background: $secondary;
   }
 
   .badge-section {
-    float: left;
+    display: flex;
+    align-items: flex-start;
     width: 500px;
     padding-bottom: 10px;
     margin-top: 5px;
 
     .user-badge {
+      margin-right: 0.5em;
       background: $primary-very-low;
       border: 1px solid $primary-low;
       color: $user_card_primary;