fix spacing in notifications

components/comment.js

@@ -110,7 +110,7 @@ export default function Comment ({ item, children, replyOpen, includeParent, roo
               )}
         </div>
       </div>
-      <div className={`${itemStyles.children} ${styles.children}`}>
+      <div className={`${styles.children}`}>
         {!noReply && !edit && (
           <div className={`${itemStyles.other} ${styles.reply}`}>
             <div

components/comment.module.css

@@ -47,6 +47,7 @@
 .children {
     margin-top: 0;
     padding-top: .25rem;
+    margin-left: 24px;
 }
 
 .comments {

components/notifications.js

@@ -37,7 +37,7 @@ export default function Notifications ({ variables, ...props }) {
           }}
         >
           {n.__typename === 'Votification' && <small className='font-weight-bold text-success ml-2'>your {n.item.title ? 'post' : 'reply'} stacked {n.earnedSats} sats</small>}
-          <div className={n.__typename === 'Votification' ? 'ml-sm-4 ml-2' : ''}>
+          <div className={n.__typename === 'Votification' ? `ml-sm-4 ml-2 ${n.item.title ? 'pb-2' : ''}` : ''}>
             {n.item.title
               ? <Item item={n.item} />
               : <Comment item={n.item} noReply includeParent rootText={n.__typename === 'Reply' ? 'replying to you on:' : undefined} clickToContext {...props} />}