ISSUE SUMMARY:
Avatars in the popovers are stretched and they should not be. They should respect the aspect ratio of the original image like the module does. In the attached screenshot you can see that the avatar looks normal in the module, but when you hover over it, the version shown in the popover is stretched wide.

Hi Ron,

it can be caused by Css conflict from your joomla template, I test it on my local and it is not stretched

cheers!

No, that's not correct. It's causes by the user uploading a rectangle image instead of a square one. See attached screenshot example of another avatar.

Hi Ron,

Would you mind provide me backend access, please? will inspect this into depth.. your current backend account is not working for me.

thank you!

I already put admin access details in the form.

Hi Ron,

Thank you, I will discuss this with our designer, and hope they will improve this.

thank you!

Technically, this is not an "improvement". This is a "bug" and should be fixed.

will discuss with our developer.. cheers!

Hi,

This is the patch:
1. open this file components/com_community/templates/jomsocial/layouts/profile/hovercard.php
- find this code :

<a href="<?php echo CUrlHelper::userLink($user->id); ?>"><img src="<?php echo $user->getAvatar(); ?>" alt="<?php echo $user->getDisplayName(); ?>"></a>

<a href="<?php echo CUrlHelper::userLink($user->id); ?>"><img src="<?php echo $user->getThumbAvatar(); ?>" alt="<?php echo $user->getDisplayName(); ?>"></a>

<a href="<?php echo CUrlHelper::userLink($user->id); ?>"><img src="<?php echo $user->getAvatar(); ?>" alt="<?php echo $user->getDisplayName(); ?>"></a>

<a href="<?php echo CUrlHelper::userLink($user->id); ?>"><img src="<?php echo $user->getThumbAvatar(); ?>" alt="<?php echo $user->getDisplayName(); ?>"></a>