From 30eaa6141f148c1854c217d58a523d88340d01e2 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Fri, 12 Nov 2021 20:08:40 -0600
Subject: [PATCH] fix avatar head positioning

---
 .../relationships-container/RelationshipsContainerView.scss  | 5 +----
 .../relationships-container/RelationshipsContainerView.tsx   | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss
index cc722c8f..631424c4 100644
--- a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss
+++ b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss
@@ -1,12 +1,10 @@
 .relationships-container {
 
     .relationship-container {
-        //margin-bottom: 10px;
 
         .relationship 
         {
-            margin-left: 10px;
-            display: inline-block;
+            position: relative;
             
             &.advanced {
                 background-color: white;
@@ -24,7 +22,6 @@
                 height: 80px;
                 right: 0;
                 margin-top: -60px;
-                margin-right: 10px;
             }
         }
 
diff --git a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
index 11f54ea3..51fe425d 100644
--- a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
+++ b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
@@ -27,7 +27,7 @@ export const RelationshipsContainerView: FC<RelationshipsContainerViewProps> = p
             <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`} />
                 <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)}>
                             {
                                 (relationshipInfo && relationshipInfo.friendCount > 0) ? relationshipInfo.randomFriendName : LocalizeText('extendedprofile.add.friends')