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

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

Hide file tree

Showing 2 changed files with 3 additions and 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
@@ -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
@@ -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>
       <!--
-Original file line number
+Diff line change
@@ Expand Up / @@ -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>
           <!--
@@ Expand Down @@