From 3101cda84550e2a07ddf52ed65eece7c6549106d Mon Sep 17 00:00:00 2001
From: Nyte <39193783+codenyte@users.noreply.github.com>
Date: Thu, 15 Jun 2023 15:17:16 +0200
Subject: [PATCH] Center "Watch on YouTube" text and icon

---
 src/components/WatchOnYouTubeButton.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/WatchOnYouTubeButton.vue b/src/components/WatchOnYouTubeButton.vue
index bd6c895f..ae54984b 100644
--- a/src/components/WatchOnYouTubeButton.vue
+++ b/src/components/WatchOnYouTubeButton.vue
@@ -9,13 +9,12 @@ export default {
 <template>
     <template v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)">
         <!-- For large screens -->
-        <a :href="link" class="btn lt-lg:hidden">
-            <i18n-t keypath="player.watch_on" tag="strong">
-                <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
-            </i18n-t>
+        <a :href="link" class="btn lt-lg:hidden flex items-center">
+            <i18n-t keypath="player.watch_on" tag="strong">YouTube</i18n-t>
+            <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
         </a>
         <!-- For small screens -->
-        <a :href="link" class="btn lg:hidden">
+        <a :href="link" class="btn lg:hidden flex items-center">
             <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
         </a>
     </template>