From 923c1d6cf665965678de0b310120be943a40bdbc Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Wed, 1 May 2024 22:23:16 -0700
Subject: [PATCH] improve export styling

---
 frontend/src/components/export.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/export.tsx b/frontend/src/components/export.tsx
index ee63779be..233a3ec4a 100644
--- a/frontend/src/components/export.tsx
+++ b/frontend/src/components/export.tsx
@@ -25,7 +25,7 @@ export const ExportButton = ({}: {
           <FileDown className="w-4 h-4" />
         </Button>
       </DialogTrigger>
-      <DialogContent className="min-w-[50vw]">
+      <DialogContent className="min-w-[600px]">
         <DialogHeader>
           <DialogTitle>Export to toml</DialogTitle>
         </DialogHeader>
@@ -48,10 +48,10 @@ const ExportPre = ({
   content: string | undefined;
 }) => {
   return (
-    <div className="relative flex justify-center">
+    <div className="relative flex justify-center w-full">
       {loading && <Loader2 className="w-8 h-8 animate-spin" />}
-      <div className="overflow-y-scroll max-h-[80vh]">
-        <pre className="h-fit">{content}</pre>
+      <div className="overflow-y-scroll max-h-[80vh] w-full">
+        <pre className="h-fit w-full">{content}</pre>
       </div>
       <CopyButton content={content} className="absolute top-4 right-4" />
     </div>