diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css index c6468bd6..ab9a3dfb 100644 --- a/src/components/post/post.module.css +++ b/src/components/post/post.module.css @@ -121,9 +121,8 @@ text-decoration: none; } -.domain:hover { +.domain a:hover { text-decoration: underline; - max-width: none; } .tagline a { @@ -131,11 +130,7 @@ text-decoration: none; } -.tagline .author:hover { - text-decoration: underline; -} - -.tagline .subplebbit:hover { +.subplebbit:hover, .author:hover span { text-decoration: underline; } diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx index 9f777fad..f2c5fb64 100644 --- a/src/components/post/post.tsx +++ b/src/components/post/post.tsx @@ -37,14 +37,12 @@ const PostAuthor = ({ authorAddress, authorRole, cid, displayName, index, shortA return ( <> - {displayName && ( - - {displayName}{' '} - - )} - - u/{shortAddress || shortAuthorAddress} - u/{shortAuthorAddress} + + {displayName && {displayName} } + + u/{shortAddress || shortAuthorAddress} + u/{shortAuthorAddress} + {authorRole && ( @@ -206,9 +204,8 @@ const Post = ({ post = {}, index }: PostProps) => { /> {!isInSubplebbitView && ( <> -  {t('post_to')} +  {t('post_to')}{' '} - {' '} p/{subplebbit?.shortAddress || subplebbitAddress}