Fix edit button in node not properly aligned when description is short

StreetLamb · May 22, 2024 · a6358da · a6358da
1 parent f38fe86
commit a6358da
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/ReactFlow/Nodes/FreelancerNode.tsx b/frontend/src/components/ReactFlow/Nodes/FreelancerNode.tsx
@@ -28,7 +28,7 @@ export function FreelancerNode({ data }: NodeProps<FreelancerNodeData>) {
     <Box w="15rem" p={2} boxShadow="base" borderRadius="lg" bgColor={bgColor}>
       <Stack direction="row" spacing={2} align="center" w="full">
         <Icon as={GrUserWorker} boxSize={5} color="gray.400" />
-        <Stack spacing={0} maxW="70%">
+        <Stack spacing={0} w="70%">
           <Text fontWeight="bold" noOfLines={1}>
             {data.member.name}
           </Text>

diff --git a/frontend/src/components/ReactFlow/Nodes/MemberNode.tsx b/frontend/src/components/ReactFlow/Nodes/MemberNode.tsx
@@ -32,7 +32,7 @@ export function MemberNode({ data }: NodeProps<MemberNodeData>) {
         ) : (
           <Icon as={GrUserManager} boxSize={5} color="gray.400" />
         )}
-        <Stack spacing={0} maxW="70%">
+        <Stack spacing={0} w="70%">
           <Text fontWeight={"bold"} noOfLines={1}>
             {data.member.name}
           </Text>

diff --git a/frontend/src/components/ReactFlow/Nodes/RootNode.tsx b/frontend/src/components/ReactFlow/Nodes/RootNode.tsx
@@ -27,7 +27,7 @@ export function RootNode({ data }: NodeProps<RootNodeData>) {
     <Box w="15rem" p={2} boxShadow="base" borderRadius="lg" bgColor={bgColor}>
       <Stack direction="row" spacing={2} align="center" w="full">
         <Icon as={GrUserManager} boxSize={5} color="gray.400" />
-        <Stack spacing={0} maxW="70%">
+        <Stack spacing={0} w="70%">
           <Text fontWeight="bold" noOfLines={1}>
             {data.member.name}
           </Text>