From d2b18ffbed362721ca2170a6981886db3d7930b3 Mon Sep 17 00:00:00 2001
From: talkor <talkor@gmail.com>
Date: Fri, 21 Oct 2022 22:51:32 +0300
Subject: [PATCH] fix: align like/dislike icons to center

---
 src/components/CommentItem.vue | 2 +-
 src/components/WatchVideo.vue  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/CommentItem.vue b/src/components/CommentItem.vue
index 3509ed17..f1caec1a 100644
--- a/src/components/CommentItem.vue
+++ b/src/components/CommentItem.vue
@@ -29,7 +29,7 @@
                 <div class="comment-meta text-sm mb-1.5" v-text="comment.commentedTime" />
             </div>
             <div class="whitespace-pre-wrap" v-html="urlify(comment.commentText)" />
-            <div class="comment-footer mt-1 flex">
+            <div class="comment-footer mt-1 flex items-center">
                 <div class="i-fa-solid:thumbs-up" />
                 <span class="ml-1" v-text="numberFormat(comment.likeCount)" />
                 <font-awesome-icon class="ml-1" v-if="comment.hearted" icon="heart" />
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index d5312ef7..ca8a6f1a 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -47,11 +47,11 @@
                 <!-- Likes/dilikes -->
                 <div class="flex children:mr-2">
                     <template v-if="video.likes >= 0">
-                        <div class="flex">
+                        <div class="flex items-center">
                             <div class="i-fa-solid:thumbs-up" />
                             <strong class="ml-1" v-text="addCommas(video.likes)" />
                         </div>
-                        <div class="flex">
+                        <div class="flex items-center">
                             <div class="i-fa-solid:thumbs-down" />
                             <strong class="ml-1" v-text="video.dislikes >= 0 ? addCommas(video.dislikes) : '?'" />
                         </div>