pl-fe: nesting issues fix

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/pl-fe/src/components/media-gallery.tsx

@@ -185,7 +185,7 @@ const Item: React.FC<IItem> = ({
           target='_blank'
         >
           <StillImage
-            className='size-full'
+            className='block size-full'
             src={mediaPreview ? attachment.preview_url : attachment.url}
             alt={attachment.description}
             letterboxed={letterboxed}

packages/pl-fe/src/components/still-image.tsx

@@ -64,7 +64,7 @@ const StillImage: React.FC<IStillImage> = ({
   });
 
   return (
-    <div
+    <span
       data-testid='still-image-container'
       className={clsx(className, 'relative isolate', { 'group': !noGroup })}
       style={style}
@@ -98,7 +98,7 @@ const StillImage: React.FC<IStillImage> = ({
           <ExtensionBadge ext='GIF' />
         </div>
       )}
-    </div>
+    </span>
   );
 };
 

packages/pl-fe/src/pages/account-lists/directory.tsx

@@ -66,7 +66,7 @@ const AccountCard: React.FC<IAccountCard> = ({ id }) => {
             src={account.header}
             staticSrc={account.header_static}
             alt={account.header_description}
-            className='h-32 w-full rounded-t-lg object-cover'
+            className='block h-32 w-full rounded-t-lg object-cover'
           />
         ) : (
           <div className='h-32 w-full rounded-t-lg bg-gray-200 dark:bg-gray-700' />

packages/pl-fe/src/styles/new/accounts.scss

@@ -24,6 +24,7 @@
 }
 
 .⁂-avatar {
+  display: block;
   border-radius: 0.5rem;
   line-height: 0;