From b7ef6ef521089c478b1b5e351e87a2cd50e54d93 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Mon, 23 Sep 2024 20:24:38 +0100
Subject: [PATCH] Added more flexible layout for profile attachments

ref https://linear.app/tryghost/issue/AP-305/profile-viewer-component-that-can-render-activitypub-actor-data
---
 apps/admin-x-activitypub/src/components/Profile.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/admin-x-activitypub/src/components/Profile.tsx b/apps/admin-x-activitypub/src/components/Profile.tsx
index 7ee8b79866..9a3fc14ca0 100644
--- a/apps/admin-x-activitypub/src/components/Profile.tsx
+++ b/apps/admin-x-activitypub/src/components/Profile.tsx
@@ -145,7 +145,10 @@ const Profile: React.FC<ProfileProps> = ({}) => {
                         <Heading className='mt-4' level={3}>Building ActivityPub</Heading>
                         <span className='mt-1 text-[1.5rem] text-grey-800'>@index@activitypub.ghost.org</span>
                         <p className='mt-3 text-[1.5rem]'>Ghost is federating over ActivityPub to become part of the world&apos;s largest publishing network</p>
-                        <a className='mt-3 block text-[1.5rem] underline' href='https://activitypub.ghost.org'>activitypub.ghost.org</a>
+                        <span className='mt-3 line-clamp-1 flex'>
+                            <span className={`mr-1 after:content-[":"]`}>Website</span>
+                            <a className='truncate text-[1.5rem] underline' href='https://activitypub.ghost.org'>activitypub.ghost.org</a>
+                        </span>
                         <TabView<'posts' | 'likes' | 'following' | 'followers'> containerClassName='mt-6' selectedTab={selectedTab} tabs={tabs} onTabChange={setSelectedTab} />
                     </div>
                 </div>