Fix like icon being on a different line from the text on smaller screen widths

Author: kommunarr

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;
   }
 }
 

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"