From 05f2d1e732b71cc1e06a798f1f83e970ae41e4d2 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:50:46 -0400
Subject: [PATCH] Make buttons actually work and fix css for them

---
 components/ReportCard.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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"