From ea0bfcc53272dbc9ba066345cb2820e096b881ac Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Sat, 23 Dec 2023 22:31:48 +0100
Subject: [PATCH] Missing atoms

---
 src/components/Feed/Episodes.vue         |  6 +++++-
 src/components/Player/Bar.vue            |  6 +++++-
 src/components/Sidebar/Subscriptions.vue | 11 ++++++++++-
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/Feed/Episodes.vue b/src/components/Feed/Episodes.vue
index 4a49299..1c8a8eb 100644
--- a/src/components/Feed/Episodes.vue
+++ b/src/components/Feed/Episodes.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div :class="currentEpisode ? 'margin' : ''">
 		<NcLoadingIcon v-if="loading" class="loading" />
 		<ul v-if="!loading">
 			<NcListItem v-for="episode in episodes"
@@ -103,4 +103,8 @@ export default {
 	.loading {
 		margin: 2rem 0;
 	}
+
+	.margin {
+		margin-bottom: 6rem;
+	}
 </style>
diff --git a/src/components/Player/Bar.vue b/src/components/Player/Bar.vue
index ad8e298..9a5c8ce 100644
--- a/src/components/Player/Bar.vue
+++ b/src/components/Player/Bar.vue
@@ -1,6 +1,6 @@
 <template>
 	<div v-if="player.episode" class="footer">
-		<NcLoadingIcon v-if="!player.loaded" />
+		<NcLoadingIcon v-if="!player.loaded" class="loading" />
 		<ProgressBar v-if="player.loaded" />
 		<div v-if="player.loaded" class="player">
 			<img :src="player.episode.episodeImage">
@@ -63,4 +63,8 @@ export default {
 	.volume {
 		width: 10%;
 	}
+
+	.loading {
+		margin: 2rem 0;
+	}
 </style>
diff --git a/src/components/Sidebar/Subscriptions.vue b/src/components/Sidebar/Subscriptions.vue
index 2783056..1b3f4f8 100644
--- a/src/components/Sidebar/Subscriptions.vue
+++ b/src/components/Sidebar/Subscriptions.vue
@@ -1,5 +1,5 @@
 <template>
-	<NcAppNavigation>
+	<NcAppNavigation :class="currentEpisode ? 'margin' : ''">
 		<NcAppContentList>
 			<router-link to="/">
 				<NcAppNavigationNew :text="t('Add a podcast')">
@@ -45,6 +45,9 @@ export default {
 		}
 	},
 	computed: {
+		currentEpisode() {
+			return this.$store.state.player.episode
+		},
 		subscriptions() {
 			return this.$store.state.subscriptions.subscriptions
 		},
@@ -61,3 +64,9 @@ export default {
 	},
 }
 </script>
+
+<style scoped>
+	.margin {
+		margin-bottom: 6rem;
+	}
+</style>