From 239b03625fece7caebc8530668b3c28a51d01e99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Tinkl?= <lukast@status.im>
Date: Tue, 26 Jul 2022 10:24:59 +0200
Subject: [PATCH] fix(AppMain): User profile image on sidebar should be a bit
 bigger larger

make the profile image + badge look as designed

Closes: #6622
---
 ui/app/mainui/AppMain.qml | 34 ++++++++++++++++++++--------------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/ui/app/mainui/AppMain.qml b/ui/app/mainui/AppMain.qml
index e82fb601ee..05f8057d02 100644
--- a/ui/app/mainui/AppMain.qml
+++ b/ui/app/mainui/AppMain.qml
@@ -221,12 +221,10 @@ Item {
     StatusAppLayout {
         id: appLayout
 
-        width: parent.width
-        anchors.top: parent.top
-        anchors.bottom: parent.bottom
+        anchors.fill: parent
 
         appNavBar: StatusAppNavBar {
-            height: appMain.height
+            height: parent.height
             communityTypeRole: "sectionType"
             communityTypeValue: Constants.appSection.community
             sectionModel: mainModule.sectionsModel
@@ -346,15 +344,27 @@ Item {
 
                 name: appMain.rootStore.userProfileInst.name
                 icon.source: appMain.rootStore.userProfileInst.icon
+                width: 32
+                height: 32
+                identicon.width: width
+                identicon.height: height
                 identicon.icon.charactersLen: 2
                 identicon.icon.color: Utils.colorForPubkey(appMain.rootStore.userProfileInst.pubKey)
                 identicon.ringSettings.ringSpecModel: Utils.getColorHashAsJson(appMain.rootStore.userProfileInst.pubKey)
 
                 badge.visible: true
-                badge.anchors.rightMargin: 4
-                badge.anchors.topMargin: 25
-                badge.implicitHeight: 15
-                badge.implicitWidth: 15
+                badge.anchors {
+                    left: undefined
+                    top: undefined
+                    right: profileButton.right
+                    bottom: profileButton.bottom
+                    margins: 0
+                    rightMargin: -badge.border.width
+                    bottomMargin: -badge.border.width
+                }
+                badge.implicitHeight: 12
+                badge.implicitWidth: 12
+                badge.border.width: 2
                 badge.border.color: hovered ? Theme.palette.statusBadge.hoverBorderColor : Theme.palette.statusAppNavBar.backgroundColor
                 badge.color: {
                     switch(appMain.rootStore.userProfileInst.currentUserStatus){
@@ -365,12 +375,8 @@ Item {
                             return Style.current.midGrey;
                     }
                 }
-                badge.border.width: 3
-                onClicked: {
-                    userStatusContextMenu.opened ?
-                        userStatusContextMenu.close() :
-                        userStatusContextMenu.open()
-                }
+
+                onClicked: userStatusContextMenu.opened ? userStatusContextMenu.close() : userStatusContextMenu.open()
 
                 UserStatusContextMenu {
                     id: userStatusContextMenu