fix avatar head positioning

This commit is contained in:
dank074 2021-11-12 20:08:40 -06:00
parent 67a2509891
commit 30eaa6141f
2 changed files with 2 additions and 5 deletions

View File

@ -1,12 +1,10 @@
.relationships-container { .relationships-container {
.relationship-container { .relationship-container {
//margin-bottom: 10px;
.relationship .relationship
{ {
margin-left: 10px; position: relative;
display: inline-block;
&.advanced { &.advanced {
background-color: white; background-color: white;
@ -24,7 +22,6 @@
height: 80px; height: 80px;
right: 0; right: 0;
margin-top: -60px; margin-top: -60px;
margin-right: 10px;
} }
} }

View File

@ -27,7 +27,7 @@ export const RelationshipsContainerView: FC<RelationshipsContainerViewProps> = p
<div className="relationship-container d-flex flex-row align-items-center w-100"> <div className="relationship-container d-flex flex-row align-items-center w-100">
<i className={`icon icon-relationship-${relationshipName} flex-shrink-0 align-self-baseline mt-2`} /> <i className={`icon icon-relationship-${relationshipName} flex-shrink-0 align-self-baseline mt-2`} />
<div className="w-100 d-flex flex-column"> <div className="w-100 d-flex flex-column">
<span className={'relationship w-100' + (!simple ? ' advanced' : '')}> <span className={'relationship mx-2' + (!simple ? ' advanced' : '')}>
<span className="cursor-pointer relationship-text" onClick={() => OnUserClick(relationshipInfo)}> <span className="cursor-pointer relationship-text" onClick={() => OnUserClick(relationshipInfo)}>
{ {
(relationshipInfo && relationshipInfo.friendCount > 0) ? relationshipInfo.randomFriendName : LocalizeText('extendedprofile.add.friends') (relationshipInfo && relationshipInfo.friendCount > 0) ? relationshipInfo.randomFriendName : LocalizeText('extendedprofile.add.friends')