From 02089e14892ea77c3385d543ff3df86791396d8c Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sun, 26 Feb 2023 14:41:18 -0600
Subject: [PATCH] Update:Increased padding on modals

---
 components/modals/BookmarksModal.vue           |  2 +-
 components/modals/ChaptersModal.vue            |  2 +-
 components/modals/Dialog.vue                   |  4 ++--
 components/modals/FilterModal.vue              |  2 +-
 components/modals/ItemDetailsModal.vue         |  2 +-
 components/modals/LibrariesModal.vue           |  2 +-
 components/modals/Modal.vue                    |  2 +-
 components/modals/PlaybackSpeedModal.vue       |  2 +-
 components/modals/PodcastEpisodesFeedModal.vue | 10 +++++-----
 components/modals/SelectLocalFolderModal.vue   |  2 +-
 components/modals/SleepTimerLengthModal.vue    |  2 +-
 components/modals/SleepTimerModal.vue          |  2 +-
 components/modals/playlists/AddCreateModal.vue |  2 +-
 plugins/capacitor/AbsAudioPlayer.js            |  2 +-
 14 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/components/modals/BookmarksModal.vue b/components/modals/BookmarksModal.vue
index 5c7fc805..675758cf 100644
--- a/components/modals/BookmarksModal.vue
+++ b/components/modals/BookmarksModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" :width="300" height="100%">
     <template #outer>
-      <div class="absolute top-5 left-4 z-40">
+      <div class="absolute top-8 left-4 z-40">
         <p class="text-white text-2xl truncate">Bookmarks</p>
       </div>
     </template>
diff --git a/components/modals/ChaptersModal.vue b/components/modals/ChaptersModal.vue
index 1e4ca318..843e11fd 100644
--- a/components/modals/ChaptersModal.vue
+++ b/components/modals/ChaptersModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" :width="350" height="100%">
     <template #outer>
-      <div v-if="currentChapter" class="absolute top-7 left-4 z-40" style="max-width: 80%">
+      <div v-if="currentChapter" class="absolute top-8 left-4 z-40 pt-0.5" style="max-width: 80%">
         <p class="text-white text-lg truncate">Current: {{ currentChapterTitle }}</p>
       </div>
     </template>
diff --git a/components/modals/Dialog.vue b/components/modals/Dialog.vue
index 99c7e2f0..eb1d1209 100644
--- a/components/modals/Dialog.vue
+++ b/components/modals/Dialog.vue
@@ -1,8 +1,8 @@
 <template>
   <modals-modal v-model="show" :width="300" height="100%">
     <template #outer>
-      <div v-if="title" class="absolute top-7 left-4 z-40" style="max-width: 80%">
-        <p class="text-white text-lg truncate">{{ title }}</p>
+      <div v-if="title" class="absolute top-8 left-4 z-40" style="max-width: 80%">
+        <p class="text-white text-xl truncate">{{ title }}</p>
       </div>
     </template>
 
diff --git a/components/modals/FilterModal.vue b/components/modals/FilterModal.vue
index 114f86a9..9544f6f1 100644
--- a/components/modals/FilterModal.vue
+++ b/components/modals/FilterModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" width="90%" height="100%">
     <template #outer>
-      <div v-show="selected !== 'all'" class="absolute top-4 left-4 z-40">
+      <div v-show="selected !== 'all'" class="absolute top-6 left-4 z-40">
         <ui-btn class="text-xl border-yellow-400 border-opacity-40" @click="clearSelected">Clear</ui-btn>
       </div>
     </template>
diff --git a/components/modals/ItemDetailsModal.vue b/components/modals/ItemDetailsModal.vue
index fa471ceb..77813724 100644
--- a/components/modals/ItemDetailsModal.vue
+++ b/components/modals/ItemDetailsModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" :width="400" height="100%">
     <template #outer>
-      <div class="absolute top-5 left-4 z-40">
+      <div class="absolute top-8 left-4 z-40">
         <p class="text-white text-2xl truncate">Details</p>
       </div>
     </template>
diff --git a/components/modals/LibrariesModal.vue b/components/modals/LibrariesModal.vue
index 390bca17..83a23f12 100644
--- a/components/modals/LibrariesModal.vue
+++ b/components/modals/LibrariesModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" :width="300" :processing="processing" height="100%">
     <template #outer>
-      <div class="absolute top-4 left-4 z-40" style="max-width: 80%">
+      <div class="absolute top-8 left-4 z-40" style="max-width: 80%">
         <p class="text-white text-2xl truncate">Libraries</p>
       </div>
     </template>
diff --git a/components/modals/Modal.vue b/components/modals/Modal.vue
index fbc56914..1a566641 100644
--- a/components/modals/Modal.vue
+++ b/components/modals/Modal.vue
@@ -2,7 +2,7 @@
   <div ref="wrapper" class="modal modal-bg w-full h-full max-h-screen fixed top-0 left-0 bg-primary bg-opacity-75 flex items-center justify-center z-50 opacity-0">
     <div class="absolute top-0 left-0 w-full h-40 bg-gradient-to-b from-black to-transparent opacity-90 pointer-events-none" />
 
-    <div class="absolute z-40 top-4 right-4 h-12 w-12 flex items-center justify-center cursor-pointer text-white hover:text-gray-300" @click="show = false">
+    <div class="absolute z-40 top-6 right-4 h-12 w-12 flex items-center justify-center cursor-pointer text-white hover:text-gray-300" @click="show = false">
       <span class="material-icons text-4xl">close</span>
     </div>
     <slot name="outer" />
diff --git a/components/modals/PlaybackSpeedModal.vue b/components/modals/PlaybackSpeedModal.vue
index 79050c02..82f557f7 100644
--- a/components/modals/PlaybackSpeedModal.vue
+++ b/components/modals/PlaybackSpeedModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" @input="modalInput" :width="200" height="100%">
     <template #outer>
-      <div class="absolute top-5 left-4 z-40">
+      <div class="absolute top-8 left-4 z-40">
         <p class="text-white text-2xl truncate">Playback Speed</p>
       </div>
     </template>
diff --git a/components/modals/PodcastEpisodesFeedModal.vue b/components/modals/PodcastEpisodesFeedModal.vue
index 502f5554..8c55a074 100644
--- a/components/modals/PodcastEpisodesFeedModal.vue
+++ b/components/modals/PodcastEpisodesFeedModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" width="100%" height="100%" max-width="100%">
     <template #outer>
-      <div class="absolute top-6 left-4 z-40">
+      <div class="absolute top-8 left-4 z-40">
         <p class="text-white text-2xl truncate">Feed Episodes</p>
       </div>
     </template>
@@ -22,7 +22,7 @@
           </div>
         </template>
       </div>
-      <div class="absolute bottom-0 left-0 w-full flex items-center" style="height: 50px">
+      <div class="absolute bottom-6 left-0 w-full flex items-center" style="height: 50px">
         <ui-btn class="w-full" :disabled="!episodesSelected.length" color="success" @click.stop="downloadEpisodes">{{ episodesSelected.length ? `Add ${episodesSelected.length} Episode(s) to Server` : 'No Episodes Selected' }}</ui-btn>
       </div>
     </div>
@@ -130,8 +130,8 @@ export default {
 
 <style>
 .feed-content {
-  height: calc(100vh - 125px);
-  max-height: calc(100vh - 125px);
-  margin-top: 20px;
+  height: calc(100vh - 150px);
+  max-height: calc(100vh - 150px);
+  margin-top: 5px;
 }
 </style>
\ No newline at end of file
diff --git a/components/modals/SelectLocalFolderModal.vue b/components/modals/SelectLocalFolderModal.vue
index 36cc2b17..bc326bd9 100644
--- a/components/modals/SelectLocalFolderModal.vue
+++ b/components/modals/SelectLocalFolderModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" :width="300" height="100%">
     <template #outer>
-      <div class="absolute top-7 left-4 z-40" style="max-width: 80%">
+      <div class="absolute top-8 left-4 z-40" style="max-width: 80%">
         <p class="text-white text-lg truncate">Select Local Folder</p>
       </div>
     </template>
diff --git a/components/modals/SleepTimerLengthModal.vue b/components/modals/SleepTimerLengthModal.vue
index 9785e10e..3f94454e 100644
--- a/components/modals/SleepTimerLengthModal.vue
+++ b/components/modals/SleepTimerLengthModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" :width="200" height="100%">
     <template #outer>
-      <div class="absolute top-5 left-4 z-40">
+      <div class="absolute top-8 left-4 z-40">
         <p class="text-white text-2xl truncate">Sleep Timer</p>
       </div>
     </template>
diff --git a/components/modals/SleepTimerModal.vue b/components/modals/SleepTimerModal.vue
index edb45465..cd8ca41f 100644
--- a/components/modals/SleepTimerModal.vue
+++ b/components/modals/SleepTimerModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" :width="200" height="100%">
     <template #outer>
-      <div class="absolute top-5 left-4 z-40">
+      <div class="absolute top-8 left-4 z-40">
         <p class="text-white text-2xl truncate">Sleep Timer</p>
       </div>
     </template>
diff --git a/components/modals/playlists/AddCreateModal.vue b/components/modals/playlists/AddCreateModal.vue
index f74d3177..f8ea4763 100644
--- a/components/modals/playlists/AddCreateModal.vue
+++ b/components/modals/playlists/AddCreateModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" :width="360" height="100%" :processing="processing">
     <template #outer>
-      <div class="absolute top-5 left-4 z-40">
+      <div class="absolute top-8 left-4 z-40">
         <p class="text-white text-2xl truncate">Add to Playlist</p>
       </div>
     </template>
diff --git a/plugins/capacitor/AbsAudioPlayer.js b/plugins/capacitor/AbsAudioPlayer.js
index a60fac0a..2b04e005 100644
--- a/plugins/capacitor/AbsAudioPlayer.js
+++ b/plugins/capacitor/AbsAudioPlayer.js
@@ -53,7 +53,7 @@ class AbsAudioPlayerWeb extends WebPlugin {
       var playbackSession = await $axios.$post(route, { mediaPlayer: 'html5-mobile', forceDirectPlay: true })
       if (playbackSession) {
         if (startTime !== undefined && startTime !== null) playbackSession.currentTime = startTime
-        this.setAudioPlayer(playbackSession, true)
+        this.setAudioPlayer(playbackSession, playWhenReady)
       }
     }
     return false