From 90b5e13544e25dd7d59373dbcb857f6416c8e24d Mon Sep 17 00:00:00 2001
From: Er2 <er2@dismail.de>
Date: Wed, 27 Apr 2022 11:38:24 +0300
Subject: [PATCH] new profile popout

---
 src/profile.less | 35 ++++++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/profile.less b/src/profile.less
index 08df48d..d44c36c 100644
--- a/src/profile.less
+++ b/src/profile.less
@@ -20,8 +20,7 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] {
 
 .profile() when (@no-nitro = true) {
   [class^="botTagVerified-"],
-  [class^="badgeList-"],
-  [class^="profileBadges-"],
+  [class^="badgeList-"], // modal profile page
   { &:extend(.nitro); }
 }
 .profile() { // banners
@@ -34,22 +33,32 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] {
 
   div[class^="userPopout-"],
   div[class^="profileBannerPreview-"] {
-    div[class^="avatarWrapper"] {
-      top: 8px; // fix divider bug
+    div[class^="avatarWrapper"],
+    div[class*="avatarUploaderNormal-"] {
+      position: relative;
+      margin-top: 8px;
+      top: 8px;
+      left: 0;
+      align-self: center;
+    }
+
+    div[class^="headerText-"] {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
+    div[class^="profileBadges-"] {
+      position: static;
+      justify-content: center;
     }
 
     div[class^="headerTop-"] {
-      padding-top: 72px; // also fix divider bug
-      div[class^="headerText"] {
-        margin-left: 96px; // fix nickname
-      }
+      padding: 8px;
+      margin-top: 8px;
+      align-self: center;
     }
   }
-
-  div[class^="profileBanner"] div[class*="avatar"]:not([class^="imageUploaderInner"]) {
-    margin-left: -8px;
-    margin-top: -8px;
-  }
 }
 .profile();