diff --git a/src/components/verify_email/ThankYou.css b/src/components/verify_email/ThankYou.css index dd3d1f8..87d7cba 100644 --- a/src/components/verify_email/ThankYou.css +++ b/src/components/verify_email/ThankYou.css @@ -37,4 +37,16 @@ table { .form-data-value { border: 1px solid #ddd; padding: 10px; +} + +.fields { + display: flex; + flex-direction: column; + align-items: flex-start; + max-width: 1020px; + width: 80%; +} + +.field { + margin-bottom: 20px; } \ No newline at end of file diff --git a/src/components/verify_email/thank_you.tsx b/src/components/verify_email/thank_you.tsx index babb235..931c8a8 100644 --- a/src/components/verify_email/thank_you.tsx +++ b/src/components/verify_email/thank_you.tsx @@ -27,7 +27,7 @@ const ThankYou: FC = () => {
Thank you for completing the form and verifying your email!

This is the data you entered:
{Object.entries(formData).map(([key, value]) => ( -
+

{key}

{ typeof value === "string" && value.includes("\n") ?