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

---
 .../components/watch-video-info/watch-video-info.scss         | 2 ++
 src/renderer/components/watch-video-info/watch-video-info.vue | 4 +---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/watch-video-info/watch-video-info.scss b/src/renderer/components/watch-video-info/watch-video-info.scss
index e354c57f4ec61..a30a3ab7466bb 100644
--- a/src/renderer/components/watch-video-info/watch-video-info.scss
+++ b/src/renderer/components/watch-video-info/watch-video-info.scss
@@ -93,6 +93,8 @@
 
   .likeCount {
     margin-inline-end: 0;
+    display: flex;
+    gap: 3px;
   }
 }
 }
diff --git a/src/renderer/components/watch-video-info/watch-video-info.vue b/src/renderer/components/watch-video-info/watch-video-info.vue
index ca1b6c58c7c6b..5161ef80fc15e 100644
--- a/src/renderer/components/watch-video-info/watch-video-info.vue
+++ b/src/renderer/components/watch-video-info/watch-video-info.vue
@@ -18,9 +18,7 @@
         <div
           class="likeSection"
         >
-          <div>
-            <span class="likeCount"><font-awesome-icon :icon="['fas', 'thumbs-up']" /> {{ parsedLikeCount }}</span>
-          </div>
+          <span class="likeCount"><font-awesome-icon :icon="['fas', 'thumbs-up']" /> {{ parsedLikeCount }}</span>
         </div>
       </div>
       <!--