fix: issue topcoder-archive#135

Author: yoution

src/components/User/styles.module.scss

@@ -8,8 +8,8 @@
 
 .direct-arrow {
   position: absolute;
-  left: 30px;
-  top: 40px;
+  left: 20px;
+  top: 24px;
   bottom: 0;
   text-align: center;
   background-color: #404041;

src/routes/TeamAccess/components/MemberList/index.jsx

@@ -38,13 +38,15 @@ const MemberList = ({ teamId, members, invitees }) => {
               <div styleName="row-container">
                 <div styleName="table-row">
                   <div styleName="table-group avatar-name">
-                    <User
-                      user={{
-                        ...member,
-                        photoUrl: member.photoURL,
-                      }}
-                      hideFullName
-                    />
+                    <div styleName="table-cell">
+                      <User
+                        user={{
+                          ...member,
+                          photoUrl: member.photoURL,
+                        }}
+                        hideFullName
+                      />
+                    </div>
                   </div>
                   <TimeSection
                     start={member.workingHourStart}
@@ -64,15 +66,17 @@ const MemberList = ({ teamId, members, invitees }) => {
               <div styleName="row-container">
                 <div styleName="table-row">
                   <div styleName="table-group avatar-name">
-                    <User
-                      user={{
-                        ...invitee,
-                        photoUrl: invitee.photoURL,
-                        handle: invitee.handle || invitee.email,
-                      }}
-                      showArrow
-                      hideFullName
-                    />
+                    <div styleName="table-cell">
+                      <User
+                        user={{
+                          ...invitee,
+                          photoUrl: invitee.photoURL,
+                          handle: invitee.handle || invitee.email,
+                        }}
+                        showArrow
+                        hideFullName
+                      />
+                    </div>
                   </div>
                   <div styleName="table-group invite-date">
                     <div styleName="table-cell">

src/routes/TeamAccess/components/MemberList/styles.module.scss

@@ -65,9 +65,6 @@
 
 .avatar-name {
   flex: 1 2 320px;
-  > div {
-    padding: 18px 8px 19px;
-  }
 }
 
 .row-container {