diff --git a/packages/concordia-app/src/components/PostList/PostListRow/index.jsx b/packages/concordia-app/src/components/PostList/PostListRow/index.jsx index 2b837c5..bbf8a04 100644 --- a/packages/concordia-app/src/components/PostList/PostListRow/index.jsx +++ b/packages/concordia-app/src/components/PostList/PostListRow/index.jsx @@ -130,6 +130,7 @@ const PostListRow = (props) => { blurring dimmed={loading} id={`post-${postId}`} + className="post-list-row" > @@ -147,7 +148,7 @@ const PostListRow = (props) => { ? ( <> {postAuthor} - + diff --git a/packages/concordia-app/src/components/PostList/PostListRow/styles.css b/packages/concordia-app/src/components/PostList/PostListRow/styles.css index 203f80c..c8d78c0 100644 --- a/packages/concordia-app/src/components/PostList/PostListRow/styles.css +++ b/packages/concordia-app/src/components/PostList/PostListRow/styles.css @@ -1,20 +1,38 @@ +.post-list-row { + padding: 1rem 0 !important; +} + .post-profile-picture { margin-top: 1rem; + margin-left: 0.75rem; } .post-profile-picture img { border-radius: 50%; - width: 2em !important; - height: 2em !important; + width: 3rem !important; + height: 3rem !important; + max-width: none !important; margin: 0 !important; } .post-content { - margin-left: 0.5rem !important; + margin-left: 1.3rem !important; +} + +.post-content > div.summary { + font-size: 1rem !important; +} +.post-content .placeholder { + margin: 0.5rem 0 0; + font-size: 2rem !important; +} + +.post-content .placeholder > .line{ + height: auto; } .post-summary-meta-index { float: right; - font-size: 12px; + font-size: 0.75rem !important; opacity: 0.4; } diff --git a/packages/concordia-app/src/components/PostList/index.jsx b/packages/concordia-app/src/components/PostList/index.jsx index 1070855..8caad6d 100644 --- a/packages/concordia-app/src/components/PostList/index.jsx +++ b/packages/concordia-app/src/components/PostList/index.jsx @@ -60,12 +60,10 @@ const PostList = (props) => { }, [focusOnPost, getPostCallHashes, loading, postIds]); return ( - - - - {posts} - - + + + {posts} + ); }; diff --git a/packages/concordia-app/src/views/Topic/TopicView/index.jsx b/packages/concordia-app/src/views/Topic/TopicView/index.jsx index f10b7e0..504b232 100644 --- a/packages/concordia-app/src/views/Topic/TopicView/index.jsx +++ b/packages/concordia-app/src/views/Topic/TopicView/index.jsx @@ -126,26 +126,28 @@ const TopicView = (props) => { blurring dimmed={topicAuthorAddress === null && topicAuthor === null && timestamp === null} > -
- {topicSubject || ( - - - - )} -
- -
- +
+
+ {topicSubject || ( + + + + )} +
+ +
+   - +    - +   - { topicAuthor } + { topicAuthor }    - +   - { numberOfReplies } + { numberOfReplies } +
diff --git a/packages/concordia-app/src/views/Topic/TopicView/styles.css b/packages/concordia-app/src/views/Topic/TopicView/styles.css index 04dbaf5..a8c6e32 100644 --- a/packages/concordia-app/src/views/Topic/TopicView/styles.css +++ b/packages/concordia-app/src/views/Topic/TopicView/styles.css @@ -2,6 +2,10 @@ height: 100%; } +#topic-header { + padding: 1rem 0; +} + #topic-grid { height: 100%; }