From d0c6cf2e62231bb3331fe653df85d23a5eb44bbf Mon Sep 17 00:00:00 2001
From: mkljczk <git@mkljczk.pl>
Date: Mon, 17 Mar 2025 12:02:05 +0100
Subject: [PATCH] pl-fe: improve alt popover styles

Signed-off-by: mkljczk <git@mkljczk.pl>
---
 packages/pl-fe/index.html                       | 2 +-
 packages/pl-fe/src/components/media-gallery.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/pl-fe/index.html b/packages/pl-fe/index.html
index 9b173ed0d..6e673df2d 100644
--- a/packages/pl-fe/index.html
+++ b/packages/pl-fe/index.html
@@ -23,4 +23,4 @@
     </div>
     <noscript>To use this website, please enable JavaScript.</noscript>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx
index 4347adbf5..b6ac2a098 100644
--- a/packages/pl-fe/src/components/media-gallery.tsx
+++ b/packages/pl-fe/src/components/media-gallery.tsx
@@ -193,15 +193,16 @@ const Item: React.FC<IItem> = ({
             interaction='click'
             referenceElementClassName='cursor-pointer'
             content={
-              <Stack space={1} className='max-w-80'>
+              <Stack space={1} className='max-h-[32rem] max-w-96 overflow-auto p-4'>
                 <Text weight='semibold'>
                   <FormattedMessage id='media-gallery.description' defaultMessage='Image description' />
                 </Text>
-                <Text>
+                <Text className='whitespace-pre-wrap'>
                   {attachment.description}
                 </Text>
               </Stack>
             }
+            isFlush
           >
             <AltIndicator className='absolute bottom-2 left-2 z-10 opacity-80 transition-opacity hover:opacity-100' />
           </Popover>