add spacing to comment reply button

components/reply.js

@@ -159,9 +159,8 @@ export default forwardRef(function Reply ({ item, onSuccess, replyOpen, children
       {replyOpen
         ? <div className={styles.replyButtons} />
         : (
-          <div className={styles.replyButtons}>
           <div
-              onPointerDown={e => {
+            className={styles.replyButtons} onPointerDown={e => {
               if (!reply) {
                 e.preventDefault()
                 ref?.current?.quoteReply({ selectionOnly: true })
@@ -169,6 +168,7 @@ export default forwardRef(function Reply ({ item, onSuccess, replyOpen, children
               setReply(!reply)
             }}
           >
+            <div>
               {reply ? 'cancel' : 'reply'}
             </div>
             {/* HACK if we need more items, we should probably do a comment toolbar */}

components/reply.module.css

@@ -5,13 +5,13 @@
 }
 
 .replyButtons {
-    font-size: 70%;
+    font-size: 75%;
     color: var(--theme-grey);
     font-weight: bold;
     display: flex;
     align-items: center;
     cursor: pointer;
-    padding: .25rem 0 .5rem 0;
+    padding: .25rem 0 .8rem 0;
     line-height: 1rem;
     vertical-align: middle;
 }