refine comment padding

components/comment.module.css

@@ -6,7 +6,7 @@
 
 .upvote {
     margin-top: 9px;
-    margin-right: 0rem;
+    padding-right: 0.2rem;
 }
 
 .pin {
@@ -64,7 +64,7 @@
 
 .children {
     margin-top: 0;
-    margin-left: 30px;
+    margin-left: 27px;
 }
 
 .comments {
@@ -108,7 +108,7 @@
 .comment {
     border-radius: .4rem;
     padding-top: .5rem;
-    padding-left: .2rem;
+    padding-left: .7rem;
     background-color: var(--theme-commentBg);
 }
 
@@ -128,7 +128,11 @@
 }
 
 .comment:not(:first-of-type) {
-    padding-top: .25rem;
+    padding-top: 0;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
+}
+
+.comment:has(.comment) + .comment{
+    padding-top: .5rem;
 }

components/item.module.css

@@ -169,7 +169,7 @@ a.link:visited {
 }
 
 .children {
-    margin-left: 28px;
+    margin-left: 27px;
     padding-top: .5rem;
 }
 

components/reply.js

@@ -113,7 +113,7 @@ export default forwardRef(function Reply ({
   return (
     <div>
       {replyOpen
-        ? <div className={styles.replyButtons} />
+        ? <div className='p-3' />
         : (
           <div className={styles.replyButtons}>
             <div

components/reply.module.css

@@ -5,17 +5,21 @@
 }
 
 .replyButtons {
-    font-size: 75%;
+    font-size: 80%;
     color: var(--theme-grey);
     font-weight: bold;
     display: flex;
     align-items: center;
-    cursor: pointer;
-    padding: .25rem 0 .8rem 0;
     line-height: 1rem;
     vertical-align: middle;
 }
 
+.replyButtons > * {
+    padding-top: .4rem;
+    padding-bottom: .8rem;
+    cursor: pointer;
+}
+
 .skeleton .input {
     background-color: var(--theme-grey);
     width: 100%;

components/upvote.module.css

@@ -7,7 +7,7 @@
 
 .upvoteWrapper {
     position: relative;
-    margin-right: .2rem;
+    padding-right: .2rem;
     padding-left: .2rem;
     margin-left: -.4rem;
 }

styles/globals.scss

@@ -177,7 +177,7 @@ $zindex-sticky: 900;
   --theme-quoteColor: rgb(141, 144, 150);
   --theme-linkHover: #007cbe;
   --theme-linkVisited: #56798E;
-  --theme-note-reply: rgba(255, 255, 255, 0.06);
+  --theme-note-reply: rgba(255, 255, 255, 0.05);
   --theme-note-fresh: rgba(0, 124, 190, 0.75);
 }