diff --git a/frontend/src/component/project/Project/ProjectStatus/ProjectStatusModal.tsx b/frontend/src/component/project/Project/ProjectStatus/ProjectStatusModal.tsx index a786292b7cd3..b6e79c12b57e 100644 --- a/frontend/src/component/project/Project/ProjectStatus/ProjectStatusModal.tsx +++ b/frontend/src/component/project/Project/ProjectStatus/ProjectStatusModal.tsx @@ -1,4 +1,4 @@ -import { styled } from '@mui/material'; +import { Button, styled } from '@mui/material'; import { DynamicSidebarModal } from 'component/common/SidebarModal/SidebarModal'; import { ReactComponent as ProjectStatusSvg } from 'assets/icons/projectStatus.svg'; import { ProjectActivity } from './ProjectActivity'; @@ -19,6 +19,12 @@ const ModalContentContainer = styled('section')(({ theme }) => ({ paddingBlock: theme.spacing(10), })); +const WidgetContainer = styled('div')(({ theme }) => ({ + display: 'flex', + flexDirection: 'column', + gap: theme.spacing(9), +})); + type Props = { open: boolean; close: () => void; @@ -92,6 +98,12 @@ const LifecycleTooltip: FC = () => { ); }; +const CloseRow = styled('div')(({ theme }) => ({ + display: 'flex', + justifyContent: 'flex-end', + marginBlockStart: 'auto', +})); + export const ProjectStatusModal = ({ open, close }: Props) => { return ( @@ -100,23 +112,30 @@ export const ProjectStatusModal = ({ open, close }: Props) => { );