From 13845a43d6d5d4bd50867e5df1837fb0378172f5 Mon Sep 17 00:00:00 2001
From: Brandon A <bartner1@hotmail.com>
Date: Sat, 1 Nov 2025 17:20:27 +0000
Subject: [PATCH] Move error back to bottom; set to dynamically adjust the 
 bottom margin

---
 client/layouts/default.vue | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/client/layouts/default.vue b/client/layouts/default.vue
index b69c92f4b..9396b1ae4 100644
--- a/client/layouts/default.vue
+++ b/client/layouts/default.vue
@@ -7,7 +7,7 @@
       <Nuxt :key="currentLang" />
     </div>
 
-    <app-media-player-container ref="mediaPlayerContainer" />
+    <app-media-player-container ref="mediaPlayerContainer" :class="{ 'media-player': isShowingMediaPlayer }" />
 
     <modals-item-edit-modal />
     <modals-collections-add-create-modal />
@@ -70,6 +70,14 @@ export default {
     },
     appContentMarginLeft() {
       return this.isShowingSideRail ? 80 : 0
+    },
+    isShowingMediaPlayer() {
+      if (this.$store.state.streamLibraryItem) {
+        document.body.classList.add('media-player')
+      } else {
+        document.body.classList.remove('media-player')
+      }
+      return this.$store.state.streamLibraryItem
     }
   },
   methods: {
@@ -93,10 +101,11 @@ export default {
         const toastUpdateOptions = {
           content: content,
           options: {
+            toastClassName: 'toast-mb-48 lg:toast-mb-40',
             timeout: timeout,
             type: type,
             closeButton: false,
-            position: 'top-center',
+            position: 'bottom-center',
             onClose: () => {
               this.socketConnectionToastId = null
             },
@@ -105,7 +114,13 @@ export default {
         }
         this.$toast.update(this.socketConnectionToastId, toastUpdateOptions, false)
       } else {
-        this.socketConnectionToastId = this.$toast[type](content, { position: 'top-center', timeout: timeout, closeButton: false, closeOnClick: timeout !== null })
+        this.socketConnectionToastId = this.$toast[type](content, {
+          toastClassName: 'toast-mb-48 lg:toast-mb-40',
+          position: 'bottom-center',
+          timeout: timeout,
+          closeButton: false,
+          closeOnClick: timeout !== null
+        })
       }
     },
     connect() {
@@ -644,6 +659,14 @@ export default {
   font-size: 14px;
 }
 
+.media-player .Vue-Toastification__toast.toast-mb-40 {
+  margin-bottom: calc(var(--spacing) * 40);
+}
+
+.media-player .Vue-Toastification__toast.toast-mb-48 {
+  margin-bottom: calc(var(--spacing) * 48);
+}
+
 #app-content {
   width: 100%;
 }