From 0563135ae4aa97af62e358f8f0120d666c488100 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Sat, 20 Jul 2024 14:10:11 +0200
Subject: [PATCH] small layout optimization for onepager

---
 src/Components/Profile/ContactInfo.tsx      | 2 +-
 src/Components/Profile/ProfileSubHeader.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Components/Profile/ContactInfo.tsx b/src/Components/Profile/ContactInfo.tsx
index 94b0a286..9b397f28 100644
--- a/src/Components/Profile/ContactInfo.tsx
+++ b/src/Components/Profile/ContactInfo.tsx
@@ -5,7 +5,7 @@ const ContactInfo = ({ email, telephone, name, avatar, link }: { email: string,
     const assetsApi = useAssetApi();
 
     return (
-        <div className="tw-bg-gray-100 tw-my-10 tw-p-6">
+        <div className="tw-bg-gray-100 tw-my-6 tw-p-6">
             <h2 className="tw-text-lg tw-font-semibold">Du hast Fragen?</h2>
             <div className="tw-mt-4 tw-flex tw-items-center">
                 {avatar && (
diff --git a/src/Components/Profile/ProfileSubHeader.tsx b/src/Components/Profile/ProfileSubHeader.tsx
index 67492365..60835d5a 100644
--- a/src/Components/Profile/ProfileSubHeader.tsx
+++ b/src/Components/Profile/ProfileSubHeader.tsx
@@ -25,9 +25,9 @@ const statusMapping = {
 
 const SubHeader = ({ type, status, url, title }) => (
     <div>
-        <div className="tw-flex tw-items-center tw-mt-6">
-            <span className="tw-text-sm tw-text-gray-600">{type}{(status && status !== 'active') ? ` (${statusMapping[status]})` : ''}</span>
-        </div>
+        {type && <div className="tw-flex tw-items-center tw-mt-4">
+            <span className="tw-text-sm tw-text-gray-600 tw-bg-slate-200 tw-rounded tw-py-1 tw-px-2">{type}{(status && status !== 'active') ? ` (${statusMapping[status]})` : ''}</span>
+        </div>}
         <div className="tw-mt-4">
             <SocialShareBar url={url} title={title} />
         </div>