From c410710dc93e7fdc62684360f18512717eed32a3 Mon Sep 17 00:00:00 2001
From: Shahar Glazner <shaharglazner@gmail.com>
Date: Wed, 10 Apr 2024 09:44:24 +0300
Subject: [PATCH] feat: add button (#1083)

---
 keep-ui/app/alerts/ViewAlertModal.tsx | 30 ++++++++++++++++-----------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/keep-ui/app/alerts/ViewAlertModal.tsx b/keep-ui/app/alerts/ViewAlertModal.tsx
index a04adb0d1..dfad0b6ba 100644
--- a/keep-ui/app/alerts/ViewAlertModal.tsx
+++ b/keep-ui/app/alerts/ViewAlertModal.tsx
@@ -24,17 +24,23 @@ export const ViewAlertModal: React.FC<ViewAlertModalProps> = ({ alert, handleClo
 
   return (
     <Modal onClose={handleClose} isOpen={isOpen} className="overflow-visible max-w-fit">
-      <div className="flex justify-between items-center">
-        <h2 className="text-lg font-semibold">Alert Details</h2>
-        <Button onClick={handleCopy} color="orange">
-          Copy to Clipboard
-        </Button>
-      </div>
-      {alert && (
-        <pre className="p-2 bg-gray-100 rounded mt-2 overflow-auto">
-          {JSON.stringify(alert, null, 2)}
-        </pre>
-      )}
-    </Modal>
+  <div className="flex justify-between items-center mb-4">
+    <h2 className="text-lg font-semibold">Alert Details</h2>
+    <div className="flex gap-x-2"> {/* Adjust gap as needed */}
+      <Button onClick={handleCopy} color="orange">
+        Copy to Clipboard
+      </Button>
+      <Button onClick={handleClose} color="orange" variant="secondary">
+        Close
+      </Button>
+    </div>
+  </div>
+  {alert && (
+    <pre className="p-2 bg-gray-100 rounded mt-2 overflow-auto">
+      {JSON.stringify(alert, null, 2)}
+    </pre>
+  )}
+</Modal>
+
   );
 };