diff --git a/src/Components/Profile/ProfileSubHeader.tsx b/src/Components/Profile/ProfileSubHeader.tsx
index 60835d5a..1fd089e3 100644
--- a/src/Components/Profile/ProfileSubHeader.tsx
+++ b/src/Components/Profile/ProfileSubHeader.tsx
@@ -4,16 +4,16 @@ import SocialShareBar from './SocialShareBar';
const flags = {
de: (
),
at: (
)
};
@@ -21,14 +21,20 @@ const flags = {
const statusMapping = {
'in_planning': 'in Planung',
'paused': 'pausiert',
+ 'active': 'aktiv'
};
const SubHeader = ({ type, status, url, title }) => (
- {type &&
- {type}{(status && status !== 'active') ? ` (${statusMapping[status]})` : ''}
-
}
-
+
+ {type &&
+ {type}
+
}
+ {status && status!="active" &&
+ {statusMapping[status]}
+
}
+
+
diff --git a/src/Components/Profile/SocialShareBar.tsx b/src/Components/Profile/SocialShareBar.tsx
index e9fbecf6..c3bd8cae 100644
--- a/src/Components/Profile/SocialShareBar.tsx
+++ b/src/Components/Profile/SocialShareBar.tsx
@@ -2,7 +2,7 @@ import SocialShareButton from './SocialShareButton';
const SocialShareBar = ({url, title, platforms = ['facebook', 'twitter', 'linkedin', 'xing', 'email']}) => {
return (
-
+
{platforms.map((platform) => (
{
href={finalShareUrl}
target='_blank'
rel='noopener noreferrer'
- className='tw-w-8 tw-h-8 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-white'
+ className='tw-w-8 tw-h-8 tw-mt-4 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-white'
style={{
color: 'white',
backgroundColor: bgColor