Improve comment bottom margin

giscus · Nov 7, 2021 · c45145a · c45145a
1 parent 81e0213
commit c45145a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/components/Comment.tsx b/components/Comment.tsx
@@ -147,7 +147,7 @@ export default function Comment({
         </div>
         {children}
         {!comment.isMinimized && onCommentUpdate ? (
-          <div className="flex content-center justify-between">
+          <div className="gsc-comment-footer">
             <div className="gsc-comment-reactions">
               <button
                 type="button"

diff --git a/styles/base.css b/styles/base.css
@@ -475,12 +475,16 @@ img.emoji {
   @apply px-4 py-2 border-b;
 }
 
+.gsc-comment-footer {
+  @apply flex content-center justify-between mb-3;
+}
+
 .gsc-comment-reactions {
   @apply flex items-start justify-end ml-4;
 }
 
 .gsc-comment-replies-count {
-  @apply mb-4 mr-4 whitespace-nowrap;
+  @apply mr-4 whitespace-nowrap;
 }
 
 .gsc-replies {
@@ -613,7 +617,7 @@ img.emoji {
 }
 
 .gsc-direct-reaction-button {
-  @apply mb-1 mr-2 border dmd:mb-4;
+  @apply mb-1 mr-2 border;
 }
 
 .gsc-reply {