From f9a0939796534fa8f791839dcc04ac59dffebc41 Mon Sep 17 00:00:00 2001
From: Faris P <farispalayi@gmail.com>
Date: Fri, 27 Aug 2021 05:03:05 +0530
Subject: [PATCH] Class icon misalignment fixed. fixes #13316 (#13330)

* change position of class icon on profile modal

Changed the bottom position of class icon on profile modal

* Convert `badgeSize` to pixel

Converted the badgeSize prop to pixel value by adding `+ 'px'`.
---
 website/client/src/components/members/classBadge.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/client/src/components/members/classBadge.vue b/website/client/src/components/members/classBadge.vue
index 2a01e05189..5be99773cc 100644
--- a/website/client/src/components/members/classBadge.vue
+++ b/website/client/src/components/members/classBadge.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="class-badge d-flex justify-content-center"
-       :style="{'--badge-size': badgeSize}">
+       :style="{'--badge-size': badgeSize + 'px'}">
     <div
       class="align-self-center svg-icon"
       :aria-label="$t(memberClass)"
@@ -24,7 +24,7 @@
   &.under-avatar {
     position: absolute;
     left: calc(50% - (16px));
-    bottom: -(var(--badge-size) / 2);
+    bottom: calc( (var(--badge-size) / 2) * -1);
     z-index: 1;
   }