diff --git a/cope2n-fe/src/pages/reviews2/FileCard.tsx b/cope2n-fe/src/pages/reviews2/FileCard.tsx index 8c81ae9..241989a 100644 --- a/cope2n-fe/src/pages/reviews2/FileCard.tsx +++ b/cope2n-fe/src/pages/reviews2/FileCard.tsx @@ -1,5 +1,5 @@ -import { DownloadOutlined } from "@ant-design/icons"; -import { Button } from "antd"; +import { DownloadOutlined } from '@ant-design/icons'; +import { Button } from 'antd'; const FileCard = ({ file, isSelected, onClick, setIsReasonModalOpen }) => { const fileName = file['File Name']; @@ -10,10 +10,8 @@ const FileCard = ({ file, isSelected, onClick, setIsReasonModalOpen }) => { border: '1px solid #ccc', backgroundColor: isSelected ? '#d4ecff' : '#fff', padding: '4px 8px', - marginRight: '4px', - position: 'relative', - height: '100px', - cursor: 'pointer' + margin: '0 0 4px', + cursor: 'pointer', }} onClick={onClick} > @@ -23,8 +21,8 @@ const FileCard = ({ file, isSelected, onClick, setIsReasonModalOpen }) => { fontSize: '12px', color: '#333', fontWeight: 'bold', - padding: '4px 8px', cursor: 'default', + margin: '4px', }} > {file['Doc Type'].toUpperCase()} @@ -45,7 +43,9 @@ const FileCard = ({ file, isSelected, onClick, setIsReasonModalOpen }) => {
- {data.key} -
+{data.key}
} size='small' /> @@ -725,6 +739,9 @@ const ReviewPage = () => { ); })}