group-feed: finalize timeline padding

pkg/interface/src/views/landscape/components/Home/Post/PostItem/PostContent.js

@@ -5,7 +5,7 @@ import useContactState from '~/logic/state/contact';
 
 
 export function PostContent(props) {
-  const { post, isParent, api } = props;
+  const { post, isParent, api, isReply } = props;
   const contacts = useContactState(state => state.contacts);
 
   return (
@@ -13,6 +13,7 @@ export function PostContent(props) {
       width="100%"
       pl="2"
       pr="2"
+      pb={isParent || isReply ? "0" : "2"}
       maxHeight={ isParent ? "none" : "300px" }
       textOverflow="ellipsis"
       overflow="hidden"

pkg/interface/src/views/landscape/components/Home/Post/PostItem/PostFooter.js

@@ -9,10 +9,11 @@ export function PostFooter(props) {
     replyCount,
     toggleReplyMode,
     showTimestamp,
+    isParent,
     timeSent
   } = props;
   const stamp = moment(timeSent);
-  const mt = showTimestamp ? "2" : "0";
+  const mt = showTimestamp && isParent ? "2" : "0";
 
   const replyText = replyCount === 1 ? ' reply' : ' replies';
 

pkg/interface/src/views/landscape/components/Home/Post/PostItem/PostItem.js

@@ -100,11 +100,13 @@ class PostItem extends React.Component {
           <PostContent
             post={node.post}
             isParent={isParent}
+            isReply={isReply}
             api={api} />
           <PostFooter
             timeSent={node.post['time-sent']}
             replyCount={node.children.size}
             showTimestamp={!isRelativeTime}
+            isParent={isParent}
             toggleReplyMode={this.toggleReplyMode} /> 
         </Col>
         { inReplyMode ? (