diff --git a/components/ReportCard.tsx b/components/ReportCard.tsx index e6d68c7..3edb753 100644 --- a/components/ReportCard.tsx +++ b/components/ReportCard.tsx @@ -60,12 +60,14 @@ export default function (props: ReportCardProps) { <HStack pos="absolute" top="50%" - transform="translateY(-50%)" + transform="translate(5%, -50%)" + w="90%" zIndex="1" > <Button borderRadius="50%" h="16" + onClick={() => setAttachmentIdx(attachmentIdx - 1)} visibility={attachmentIdx > 0 ? "visible" : "hidden"} w="16" > @@ -86,6 +88,7 @@ export default function (props: ReportCardProps) { <Button borderRadius="50%" h="16" + onClick={() => setAttachmentIdx(attachmentIdx + 1)} visibility={ props.attachments.length > attachmentIdx + 1 ? "visible"