diff --git a/src/components/post-mobile/post-mobile.tsx b/src/components/post-mobile/post-mobile.tsx
index 0e68cc1d..fbe1b93d 100644
--- a/src/components/post-mobile/post-mobile.tsx
+++ b/src/components/post-mobile/post-mobile.tsx
@@ -130,15 +130,18 @@ const PostInfoAndMedia = ({ openReplyModal, post, postReplyCount = 0, roles }: P
)}
- {title &&
- (title.length <= 30 ? (
- {title}
- ) : (
- {title.slice(0, 30) + '(...)'}}
- content={title.length < 1000 ? title : title.slice(0, 1000) + `... ${t('title_too_long')}`}
- />
- ))}
+ {title && (
+
+ {title.length <= 30 ? (
+ {title}
+ ) : (
+ {title.slice(0, 30) + '(...)'}}
+ content={title.length < 1000 ? title : title.slice(0, 1000) + `... ${t('title_too_long')}`}
+ />
+ )}
+
+ )}
{subplebbitAddress && (isInAllView || isInSubscriptionsView) && !isReply && (
diff --git a/src/views/post/post.module.css b/src/views/post/post.module.css
index 615ee898..24afe051 100644
--- a/src/views/post/post.module.css
+++ b/src/views/post/post.module.css
@@ -303,13 +303,16 @@
padding: 0 13px;
}
+.postMobile .nameBlock .subjectWrapper {
+ display: block;
+}
+
.postMobile .nameBlock .subject {
color: var(--post-mobile-subject-text-color);
font-weight: var(--post-mobile-subject-font-weight);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
- display: block;
}
.postMobile .dateTimePostNum {