From 84afad633a247d0f9f64d444e5a9b8143877755f Mon Sep 17 00:00:00 2001
From: Jason Henriquez <jasonhenriquez@protonmail.com>
Date: Tue, 30 Jan 2024 20:09:33 -0600
Subject: [PATCH] Fix like icon being on a different line from the text on
 smaller screen widths

---
 .../components/ft-community-post/ft-community-post.scss       | 2 ++
 .../components/ft-community-post/ft-community-post.vue        | 4 ++--
 2 files changed, 4 insertions(+), 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
index 838cb658ba719..caa5e420fdb48 100644
--- 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
index 053bd4c61a59d..243885819160a 100644
--- 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"