From 868eb51ffa691fd58c4b02599e78243656b8dcab Mon Sep 17 00:00:00 2001
From: Bnyro <yannick.fehler@web.de>
Date: Thu, 11 Aug 2022 12:57:55 +0200
Subject: [PATCH] fix playlist buttons

---
 src/components/PlaylistPage.vue | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/components/PlaylistPage.vue b/src/components/PlaylistPage.vue
index 94543989..37d505c9 100644
--- a/src/components/PlaylistPage.vue
+++ b/src/components/PlaylistPage.vue
@@ -4,7 +4,7 @@
     <div v-if="playlist" v-show="!playlist.error">
         <h1 class="text-center my-4" v-text="playlist.name" />
 
-        <div class="grid grid-cols-2">
+        <div class="flex justify-between items-center">
             <div>
                 <router-link class="link" :to="playlist.uploaderUrl || '/'">
                     <img :src="playlist.uploaderAvatar" loading="lazy" class="rounded-full" />
@@ -12,19 +12,17 @@
                 </router-link>
             </div>
             <div>
-                <div class="right-2vw absolute">
-                    <strong v-text="`${playlist.videos} ${$t('video.videos')}`" />
-                    <br />
-                    <button class="btn mr-1" v-if="authenticated && !isPipedPlaylist" @click="clonePlaylist">
-                        {{ $t("actions.clone_playlist") }}<font-awesome-icon class="ml-3" icon="clone" />
-                    </button>
-                    <button class="btn mr-1" @click="downloadPlaylistAsTxt">
-                        {{ $t("actions.download_as_txt") }}
-                    </button>
-                    <a class="btn" :href="getRssUrl">
-                        <font-awesome-icon icon="rss" />
-                    </a>
-                </div>
+                <strong v-text="`${playlist.videos} ${$t('video.videos')}`" />
+                <br />
+                <button class="btn mr-1" v-if="authenticated && !isPipedPlaylist" @click="clonePlaylist">
+                    {{ $t("actions.clone_playlist") }}<font-awesome-icon class="ml-3" icon="clone" />
+                </button>
+                <button class="btn mr-1" @click="downloadPlaylistAsTxt">
+                    {{ $t("actions.download_as_txt") }}
+                </button>
+                <a class="btn" :href="getRssUrl">
+                    <font-awesome-icon icon="rss" />
+                </a>
             </div>
         </div>