From 136a1bc9af3351be8bbacb69a47cd5d70f5f221f Mon Sep 17 00:00:00 2001
From: MuhammadKhalilzadeh <muhammadkhalilzadeh1998@gmail.com>
Date: Tue, 7 May 2024 20:40:01 +0330
Subject: [PATCH] Some of the inconsistencies are fixed

---
 .../TextFields/Email/EmailTextField.jsx       | 55 ++++++++++---------
 .../TextFields/Email/emailTextField.css       |  6 ++
 .../TextFields/Website/WebsiteTextField.jsx   |  1 +
 .../TextFields/Website/websiteTextField.css   |  6 ++
 4 files changed, 42 insertions(+), 26 deletions(-)

diff --git a/Client/src/components/TextFields/Email/EmailTextField.jsx b/Client/src/components/TextFields/Email/EmailTextField.jsx
index 949e3eee3..e10c39858 100644
--- a/Client/src/components/TextFields/Email/EmailTextField.jsx
+++ b/Client/src/components/TextFields/Email/EmailTextField.jsx
@@ -20,32 +20,35 @@ function EmailTextField({
   const handleMouseLeave = () => setShowIcon(false);
 
   return (
-    <div className="email-text-field">
-      <TextField
-        error={error}
-        className="email-text-field-input"
-        id={id}
-        label={label}
-        variant={variant}
-        placeholder={placeholder}
-        InputProps={{
-          endAdornment: (
-            <InputAdornment position="end">
-              {error && showIcon && (
-                <ErrorOutlineIcon style={{ fill: "red" }} />
-              )}
-              {error && !showIcon && (
-                <ErrorOutlineIcon style={{ fill: "red" }} />
-              )}
-              {!error && showIcon && <HelpOutlineIcon />}
-            </InputAdornment>
-          ),
-        }}
-        helperText={helperText}
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
-      />
-    </div>
+    <>
+      <div className="email-text-field-title">Email</div>
+      <div className="email-text-field">
+        <TextField
+          error={error}
+          className="email-text-field-input"
+          id={id}
+          label={label}
+          variant={variant}
+          placeholder={placeholder}
+          InputProps={{
+            endAdornment: (
+              <InputAdornment position="end">
+                {error && showIcon && (
+                  <ErrorOutlineIcon style={{ fill: "red" }} />
+                )}
+                {error && !showIcon && (
+                  <ErrorOutlineIcon style={{ fill: "red" }} />
+                )}
+                {!error && showIcon && <HelpOutlineIcon />}
+              </InputAdornment>
+            ),
+          }}
+          helperText={helperText}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={handleMouseLeave}
+        />
+      </div>
+    </>
   );
 }
 
diff --git a/Client/src/components/TextFields/Email/emailTextField.css b/Client/src/components/TextFields/Email/emailTextField.css
index 362b4c328..bdc5c374b 100644
--- a/Client/src/components/TextFields/Email/emailTextField.css
+++ b/Client/src/components/TextFields/Email/emailTextField.css
@@ -7,3 +7,9 @@
   position: relative;
   margin: 10px 20px;
 }
+
+.email-text-field-title {
+  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+  margin: 0 20px;
+  margin-top: 30px;
+}
diff --git a/Client/src/components/TextFields/Website/WebsiteTextField.jsx b/Client/src/components/TextFields/Website/WebsiteTextField.jsx
index 376ee4be5..0ac15da25 100644
--- a/Client/src/components/TextFields/Website/WebsiteTextField.jsx
+++ b/Client/src/components/TextFields/Website/WebsiteTextField.jsx
@@ -17,6 +17,7 @@ function WebsiteTextField({
 
   return (
     <>
+      <div className="website-textfield-title">Website</div>
       <div className="website-textfield">
         <label className="website-label" htmlFor="website">
           http://
diff --git a/Client/src/components/TextFields/Website/websiteTextField.css b/Client/src/components/TextFields/Website/websiteTextField.css
index d398fc055..63d33cbce 100644
--- a/Client/src/components/TextFields/Website/websiteTextField.css
+++ b/Client/src/components/TextFields/Website/websiteTextField.css
@@ -7,6 +7,12 @@
   --font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 }
 
+.website-textfield-title {
+  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+  margin: 0 20px;
+  margin-top: 30px;
+}
+
 .website-textfield {
   font-family: var(--font-family);
   display: flex;