From 2ecb937b9fe4a1ff2eada7321d875f3b66d25e70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 9 Jun 2022 09:51:09 +0200
Subject: [PATCH] Improve layout of member detail page

---
 .../Private/Templates/Team/Show.html          | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/Show.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/Show.html
index 80fc84e0..4da24e42 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/Show.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/Show.html
@@ -17,29 +17,31 @@
                     </f:if>
                 </div>
                 <div class="col-span-3 md:col-span-2">
-                    <span class="headline headline--secondary">
-                        {member.name}<br><span>{member.tasks}</span>
-                    </span>
-                    {member.description -> f:format.html()}
-                    <f:if condition="{member.email}">
-                        <p>
-                            <f:link.email class="flex items-center space-x-2" email="{member.email}">
-                                <svg class="w-6 h-6 text-ep-primary">
-                                    <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-email"></use>
-                                </svg>
-                                <span>{member.email}</span>
-                            </f:link.email>
-                        </p>
-                    </f:if>
-                    <f:if condition="{member.phone}">
-                        <p>
-                            <a class="flex items-center space-x-2" href="tel:{member.phone -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" rel="nofollow">
-                                <svg class="w-6 h-6 text-ep-primary">
-                                    <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-phone"></use>
-                                </svg>
-                                <span>{member.phone}</span>
-                            </a>
-                        </p>
+                    <p class="headline headline--secondary mb-6">
+                        {member.name}<br><span class="text-xl">{member.tasks}</span>
+                    </p>
+                    <div data-rte-content>
+                        {member.description -> f:format.html()}
+                    </div>
+                    <f:if condition="{member.email} || {member.phone}">
+                        <div class="mb-8 flex flex-col space-y-2">
+                            <f:if condition="{member.email}">
+                                <f:link.email class="flex items-center space-x-2" email="{member.email}">
+                                    <svg class="w-6 h-6 text-ep-primary">
+                                        <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-email"></use>
+                                    </svg>
+                                    <span>{member.email}</span>
+                                </f:link.email>
+                            </f:if>
+                            <f:if condition="{member.phone}">
+                                <a class="flex items-center space-x-2" href="tel:{member.phone -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" rel="nofollow">
+                                    <svg class="w-6 h-6 text-ep-primary">
+                                        <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-phone"></use>
+                                    </svg>
+                                    <span>{member.phone}</span>
+                                </a>
+                            </f:if>
+                        </div>
                     </f:if>
                     <a href="{f:uri.action(
                         pageUid: settings.teamListPid,