From ad3fee89076d17adcd4eb178bc83520a01c5d3de Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sun, 4 Dec 2022 15:04:46 -0600
Subject: [PATCH] Fix:Save track order button hidden when player is open #380

---
 pages/localMedia/item/_id.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/pages/localMedia/item/_id.vue b/pages/localMedia/item/_id.vue
index 4b342c13..21c4a7c7 100644
--- a/pages/localMedia/item/_id.vue
+++ b/pages/localMedia/item/_id.vue
@@ -90,7 +90,7 @@
       <p class="text-lg text-center px-8">{{ failed ? 'Failed to get local library item ' + localLibraryItemId : 'Loading..' }}</p>
     </div>
 
-    <div v-if="orderChanged" class="fixed bottom-0 left-0 w-full py-4 px-4 bg-bg box-shadow-book flex items-center">
+    <div v-if="orderChanged" class="fixed left-0 w-full py-4 px-4 bg-bg box-shadow-book flex items-center" :style="{ bottom: playerLibraryItemId ? '100px' : '0px' }">
       <div class="flex-grow" />
       <ui-btn small color="success" @click="saveTrackOrder">Save Order</ui-btn>
     </div>
@@ -138,6 +138,9 @@ export default {
     }
   },
   computed: {
+    playerLibraryItemId() {
+      return this.$store.state.playerLibraryItemId
+    },
     isIos() {
       return this.$platform === 'ios'
     },
@@ -198,12 +201,12 @@ export default {
         ]
       } else {
         var options = []
-        if ( !this.isIos ) {
-          options.push({ text: 'Scan', value: 'scan'})
-          options.push({ text: 'Force Re-Scan', value: 'rescan'})
-          options.push({ text: 'Remove', value: 'remove'})
+        if (!this.isIos) {
+          options.push({ text: 'Scan', value: 'scan' })
+          options.push({ text: 'Force Re-Scan', value: 'rescan' })
+          options.push({ text: 'Remove', value: 'remove' })
         }
-        options.push({ text: 'Remove & Delete Files', value: 'delete'})
+        options.push({ text: 'Remove & Delete Files', value: 'delete' })
         return options
       }
     }