Fix like icon being on a different line from the text on smaller scre…

…en widths
FreeTubeApp · Jan 31, 2024 · 6f8d1cc · 6f8d1cc
1 parent e7605ef
commit 6f8d1cc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/renderer/components/ft-community-post/ft-community-post.scss b/src/renderer/components/ft-community-post/ft-community-post.scss
@@ -81,6 +81,8 @@
   .likeCount {
     margin-inline-start: 5px;
     margin-inline-end: 6px;
+    display: flex;
+    gap: 3px;
   }
 }
 

diff --git a/src/renderer/components/ft-community-post/ft-community-post.vue b/src/renderer/components/ft-community-post/ft-community-post.vue
@@ -116,10 +116,10 @@
     <div
       class="bottomSection"
     >
-      <span class="likeCount"><font-awesome-icon
+      <div class="likeCount"><font-awesome-icon
         class="thumbs-up-icon"
         :icon="['fas', 'thumbs-up']"
-      /> {{ voteCount }}</span>
+      /> {{ voteCount }}</div>
       <span class="commentCount">
         <font-awesome-icon
           class="comment-count-icon"