fix notification spacing

components/comment.module.css

@@ -1,6 +1,7 @@
 .item {
     align-items: flex-start;
     margin-bottom: 0 !important;
+    padding-bottom: 0 !important;
 }
 
 .upvote {

components/item-job.js

@@ -14,7 +14,7 @@ export default function ItemJob ({ item, toc, rank, children }) {
     <>
       {rank
         ? (
-          <div className={`${styles.rank} align-self-center`}>
+          <div className={`${styles.rank} pb-2 align-self-center`}>
             {rank}
           </div>)
         : <div />}

components/item.module.css

@@ -47,7 +47,7 @@ a.link:visited {
     display: flex;
     justify-content: flex-start;
     min-width: 0;
-    margin-bottom: .45rem;
+    padding-bottom: .45rem;
 }
 
 .item .companyImage {

styles/invites.module.css

@@ -19,9 +19,9 @@
 }
 
 .invite {
-    margin-bottom: .5rem;
-}Í
+    padding-bottom: .5rem;
+}
 
-.invite:last-child {
-    margin-bottom: 0;
+.invites .invite:last-child {
+    padding-bottom: 0;
 }