From 1c4f4b154b5dbb4f64f4c66ff22de2fe00ad69e1 Mon Sep 17 00:00:00 2001
From: Teriuihi <teriuihi@alttd.com>
Date: Sun, 11 Aug 2024 19:13:49 +0200
Subject: [PATCH] Enhance email verification layout styling

Added CSS styles for the fields and field containers to improve the layout and alignment of the email verification page. This change ensures a more structured and visually appealing presentation of the form data.
---
 src/components/verify_email/ThankYou.css  | 12 ++++++++++++
 src/components/verify_email/thank_you.tsx |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

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 = () => {
             <header className="header">Thank you for completing the form and verifying your email!<br></br>This is the data you entered:</header>
             <div className="fields">
                 {Object.entries(formData).map(([key, value]) => (
-                    <div>
+                    <div className={"field"}>
                         <p><strong>{key}</strong></p>
                         {
                             typeof value === "string" && value.includes("\n") ?