From b7c4fb2f612f425e9bf2a6e49e4c23faab0e9ee8 Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Mon, 28 Aug 2023 08:14:16 +0200
Subject: [PATCH] small fixes for bottom

---
 src/components/Discover/Search.vue | 7 ++++++-
 src/components/Feed/List.vue       | 2 +-
 src/views/Index.vue                | 5 ++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Discover/Search.vue b/src/components/Discover/Search.vue
index 4f543d7..2ec7953 100644
--- a/src/components/Discover/Search.vue
+++ b/src/components/Discover/Search.vue
@@ -1,5 +1,5 @@
 <template>
-	<ul>
+	<ul :style="{marginBottom: currentEpisode ? '6rem' : 'auto'}">
 		<NcListItem v-for="feed in feeds"
 			:key="feed.link"
 			:details="formatTimeAgo(new Date(feed.fetchedAtUnix*1000))"
@@ -42,6 +42,11 @@ export default {
 			feeds: [],
 		}
 	},
+	computed: {
+		currentEpisode() {
+			return this.$store.state.player.episode
+		},
+	},
 	watch: {
 		value() {
 			this.search()
diff --git a/src/components/Feed/List.vue b/src/components/Feed/List.vue
index 499dc09..c932744 100644
--- a/src/components/Feed/List.vue
+++ b/src/components/Feed/List.vue
@@ -1,7 +1,7 @@
 <template>
 	<fragment>
 		<NcLoadingIcon v-if="loading" />
-		<ul v-if="!loading" :style="{marginBottom: currentEpisode ? '5rem' : 'auto'}">
+		<ul v-if="!loading" :style="{marginBottom: currentEpisode ? '6rem' : 'auto'}">
 			<NcListItem v-for="episode in episodes"
 				:key="episode.episodeUrl"
 				:details="formatTimeAgo(new Date(episode.episodePubDate.date))"
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 5c14cb0..599e504 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -10,7 +10,7 @@
 					</NcAppNavigationNew>
 				</router-link>
 				<NcLoadingIcon v-if="loading" />
-				<ul v-if="!loading">
+				<ul v-if="!loading" :style="{marginBottom: currentEpisode ? '6rem' : 'auto'}">
 					<Item v-for="subscriptionUrl of subscriptions"
 						:key="subscriptionUrl"
 						:url="subscriptionUrl" />
@@ -48,6 +48,9 @@ export default {
 		}
 	},
 	computed: {
+		currentEpisode() {
+			return this.$store.state.player.episode
+		},
 		subscriptions() {
 			return this.$store.state.subscriptions.subscriptions
 		},