From c5d7fc33d22917389cb598296f8f6ad4ac995254 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 8 Jul 2021 12:36:15 +0200
Subject: [PATCH] MOBILE-3320 profile: Improvements on css

---
 src/core/features/user/pages/profile/profile.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/core/features/user/pages/profile/profile.scss b/src/core/features/user/pages/profile/profile.scss
index 7635d7726..c5c1284cb 100644
--- a/src/core/features/user/pages/profile/profile.scss
+++ b/src/core/features/user/pages/profile/profile.scss
@@ -7,6 +7,7 @@
         core-user-avatar {
             display: block;
             --core-avatar-size: var(--core-large-avatar-size);
+            height: calc(var(--core-avatar-size) + 16px);
 
             img {
                 margin: 8px auto;
@@ -15,19 +16,22 @@
             .contact-status {
                 width: 24px !important;
                 height: 24px !important;
+                right: calc(50% - 12px -  var(--core-avatar-size) / 2) !important;
             }
 
             .edit-avatar {
                 position: absolute;
-                right: -24px;
+                right: calc(50% - 15px -  var(--core-avatar-size) / 2);
                 bottom: -12px;
-                --border-radius: 50%;
-                --background: var(--ion-item-background);
 
                 :host-context([dir="rtl"]) & {
                     left: 0;
                     right: unset;
                 }
+                &::part(native) {
+                    border-radius: 50%;
+                    background: var(--ion-item-background);
+                }
             }
         }
     }