Widen Revit CSV dialog

src/frontend/components/form-modal.tsx

@@ -5,6 +5,7 @@ import React, { type FormEvent, type ReactNode } from "react";
 interface FormModalProps {
   children: ReactNode;
   description?: string;
+  dialogSize?: "large" | "viewport";
   isSaving: boolean;
   onClose: () => void;
   onSubmit: (event: FormEvent<HTMLFormElement>) => void;
@@ -16,6 +17,7 @@ interface FormModalProps {
 export function FormModal({
   children,
   description,
+  dialogSize = "large",
   isSaving,
   onClose,
   onSubmit,
@@ -31,7 +33,10 @@ export function FormModal({
         role="dialog"
         tabIndex={-1}
       >
-        <div className="modal-dialog modal-lg modal-dialog-centered">
+        <div
+          className={`modal-dialog modal-dialog-centered ${dialogSize === "large" ? "modal-lg" : ""}`}
+          style={dialogSize === "viewport" ? { maxWidth: "calc(100vw - 2rem)" } : undefined}
+        >
           <form className="modal-content" onSubmit={onSubmit}>
             <div className="modal-header">
               <div>