From c83522794753a0d413eab8d1eda0d3b87b9fafaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <dnalop.me@gmail.com>
Date: Mon, 5 Sep 2022 04:25:41 +0200
Subject: [PATCH] Place info icon to the left of copy URLs button

---
 .../[playlistId]/snapshots/show/[commitSha].vue    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue b/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
index 40ed135..130766f 100644
--- a/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
+++ b/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
@@ -94,6 +94,13 @@ const copyTrackUrls = async () => {
           </li>
         </ul>
         <div class="my-2 flex justify-content-center">
+          <span
+            v-if="!canCopyToClipboard"
+            v-tooltip.top="copyTrackUrlsTooltip"
+            class="flex align-items-center text-blue-300"
+          >
+            <i class="pi pi-info-circle"></i>
+          </span>
           <Button
             v-tooltip.hover="copyTrackUrlsTooltip"
             class="p-button-text"
@@ -102,13 +109,6 @@ const copyTrackUrls = async () => {
             :disabled="!canCopyToClipboard"
             @click="copyTrackUrls"
           />
-          <span
-            v-if="!canCopyToClipboard"
-            v-tooltip.top="copyTrackUrlsTooltip"
-            class="flex align-items-center text-blue-300"
-          >
-            <i class="pi pi-info-circle"></i>
-          </span>
           <a
             id="export-to-json"
             class="p-component p-button p-button-text"