Snort deck improvements

packages/app/src/Element/Modal.tsx

@@ -4,7 +4,7 @@ import { ReactNode, useEffect } from "react";
 export interface ModalProps {
   id: string;
   className?: string;
-  onClose?: () => void;
+  onClose?: (e: React.MouseEvent) => void;
   children: ReactNode;
 }
 
@@ -16,8 +16,8 @@ export default function Modal(props: ModalProps) {
 
   return (
     <div className={`modal${props.className ? ` ${props.className}` : ""}`} onClick={props.onClose}>
-      <div className="modal-body" onClick={e => e.stopPropagation()}>
-        {props.children}
+      <div className="modal-body" onClick={props.onClose}>
+        <div onClick={e => e.stopPropagation()}>{props.children}</div>
       </div>
     </div>
   );