From 5c841bcbd9a3f3799bde3f625397c8a0bf6becf6 Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Sun, 17 Apr 2022 23:11:31 +0200
Subject: [PATCH] display volunteer mail on team members

---
 src/components/TeamMembers/TeamMembers.tsx    | 1 +
 src/components/TeamMembers/styles.module.scss | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/TeamMembers/TeamMembers.tsx b/src/components/TeamMembers/TeamMembers.tsx
index 44bcbd7..8e08770 100644
--- a/src/components/TeamMembers/TeamMembers.tsx
+++ b/src/components/TeamMembers/TeamMembers.tsx
@@ -65,6 +65,7 @@ const TeamMembers: FC<Props> = ({ teamId }): JSX.Element => {
                     >
                         D
                     </div>
+                    <div className={styles.volunteerEmail}>{volunteer.email}</div>
                 </li>
             ))}
         </ul>
diff --git a/src/components/TeamMembers/styles.module.scss b/src/components/TeamMembers/styles.module.scss
index eec36fe..e853149 100755
--- a/src/components/TeamMembers/styles.module.scss
+++ b/src/components/TeamMembers/styles.module.scss
@@ -17,11 +17,17 @@ $height: 24px;
 .volunteerName {
     display: inline-block;
     height: $height;
-    width: 250px;
+    width: 230px;
     padding-right: 4px;
     text-align: right;
 }
 
+.volunteerEmail {
+    display: inline-block;
+    height: $height;
+    padding-left: 4px;
+}
+
 .dayTitle {
     display: inline-block;
     width: 50px;