Fix avatar flair styles

Fix avatar flair styles
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 9ddaf96..5d79abd 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -419,7 +419,8 @@ aside.quote {
 .avatar-flair-preview,
 .user-card-avatar,
 .topic-map .poster,
-.user-profile-avatar {
+.user-profile-avatar,
+.user-image {
   .avatar-flair {
     display: flex;
     align-items: center;
@@ -433,7 +434,8 @@ aside.quote {
 }
 .topic-avatar .avatar-flair,
 .avatar-flair-preview .avatar-flair,
-.collapsed-info .user-profile-avatar .avatar-flair {
+.collapsed-info .user-profile-avatar .avatar-flair,
+.user-image .avatar-flair {
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
diff --git a/app/assets/stylesheets/common/components/user-info.scss b/app/assets/stylesheets/common/components/user-info.scss
index a71e7ef..fee047c 100644
--- a/app/assets/stylesheets/common/components/user-info.scss
+++ b/app/assets/stylesheets/common/components/user-info.scss
@@ -45,18 +45,6 @@
     }
   }
 
-  .avatar-flair {
-    background-repeat: no-repeat;
-    background-position: center;
-    position: absolute;
-    bottom: -2px;
-    right: -8px;
-    background-size: 18px 18px;
-    border-radius: 12px;
-    width: 24px;
-    height: 24px;
-  }
-
   &.small {
     width: 333px;
     @media screen and (max-width: $small-width) {

GitHub
sha: 040ddec6

1 Like

This commit has been mentioned on Discourse Meta. There might be relevant details there: