diff --git a/frontend/src/shared/components/TaskDetails/Styles.ts b/frontend/src/shared/components/TaskDetails/Styles.ts index 58e94a2..bcbd84e 100644 --- a/frontend/src/shared/components/TaskDetails/Styles.ts +++ b/frontend/src/shared/components/TaskDetails/Styles.ts @@ -2,6 +2,7 @@ import styled from 'styled-components'; import TextareaAutosize from 'react-autosize-textarea/lib'; import { mixin } from 'shared/utils/styles'; import Button from 'shared/components/Button'; +import TaskAssignee from 'shared/components/TaskAssignee'; export const TaskHeader = styled.div` padding: 21px 30px 0px; @@ -385,4 +386,11 @@ export const MetaDetailTitle = styled.h3` overflow: hidden; `; -export const MetaDetailContent = styled.div``; +export const TaskMember = styled(TaskAssignee)``; + +export const MetaDetailContent = styled.div` + display: flex; + & ${TaskMember} { + margin-right: 4px; + } +`; diff --git a/frontend/src/shared/components/TaskDetails/index.tsx b/frontend/src/shared/components/TaskDetails/index.tsx index 7151301..29a0e74 100644 --- a/frontend/src/shared/components/TaskDetails/index.tsx +++ b/frontend/src/shared/components/TaskDetails/index.tsx @@ -14,6 +14,7 @@ import TaskAssignee from 'shared/components/TaskAssignee'; import moment from 'moment'; import { + TaskMember, NoDueDateLabel, TaskDueDateButton, UnassignedLabel, @@ -327,7 +328,7 @@ const TaskDetails: React.FC = ({ {task.assigned && task.assigned.map(member => ( - + ))} onAddMember($addMemberRef)}>