From c96ed24ecec9a15e24c369276556303f8868b373 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patr=C3=ADcia=20Dias?=
 <116013814+patricia-mdias@users.noreply.github.com>
Date: Mon, 28 Nov 2022 09:43:13 +0000
Subject: [PATCH] fix: team cards (#626)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Patrícia Dias <patricia@Patricias-MBP.Home>
---
 frontend/src/components/Teams/CreateTeam/CardMember/index.tsx | 3 +--
 .../components/Teams/TeamsList/partials/CardTeam/CardBody.tsx | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Teams/CreateTeam/CardMember/index.tsx b/frontend/src/components/Teams/CreateTeam/CardMember/index.tsx
index 4fa2d9955..3d8133d68 100644
--- a/frontend/src/components/Teams/CreateTeam/CardMember/index.tsx
+++ b/frontend/src/components/Teams/CreateTeam/CardMember/index.tsx
@@ -78,7 +78,6 @@ const CardMember = React.memo<CardBodyProps>(
                   zIndex: 1,
                 }}
               />
-
               <Flex align="center" gap="8">
                 <StyledMemberTitle>
                   {`${member.user.firstName} ${member.user.lastName}`}
@@ -109,7 +108,7 @@ const CardMember = React.memo<CardBodyProps>(
               </Flex>
             )}
             {!isTeamMemberOrStakeholder && (
-              <Flex align="center" css={{ width: '23%' }} gap="8" justify="center">
+              <Flex align="center" css={{ width: '35%' }} gap="8" justify="end">
                 <ConfigurationSettings
                   handleCheckedChange={handleSelectFunction}
                   isChecked={member.isNewJoiner}
diff --git a/frontend/src/components/Teams/TeamsList/partials/CardTeam/CardBody.tsx b/frontend/src/components/Teams/TeamsList/partials/CardTeam/CardBody.tsx
index b553072ec..9dce1958e 100644
--- a/frontend/src/components/Teams/TeamsList/partials/CardTeam/CardBody.tsx
+++ b/frontend/src/components/Teams/TeamsList/partials/CardTeam/CardBody.tsx
@@ -77,7 +77,7 @@ const CardBody = React.memo<CardBodyProps>(({ userId, team }) => {
         </Flex>
 
         <Flex align="center" css={{ justifyContent: 'start', width: '$683' }} gap="8">
-          <Flex align="center" css={{ width: '$147' }}>
+          <Flex align="center" css={{ width: '$160' }}>
             <Text color="primary300" size="sm">
               Members
             </Text>
@@ -99,7 +99,7 @@ const CardBody = React.memo<CardBodyProps>(({ userId, team }) => {
           />
 
           <Flex align="center" css={{ ml: '$40', alignItems: 'center' }} gap="8">
-            <Flex align="center" css={{ width: '$147' }}>
+            <Flex align="center" css={{ width: '$160' }}>
               <Text color="primary300" css={{ mr: '$2' }} size="sm">
                 Team admin
               </Text>