frontend/app.vue

@@ -50,10 +50,15 @@ const messaging = ref(null)
 onMounted(() => {
   auth.value = getAuth()
 
+  Device.getInfo().then(info => {
+    if (info.platform === 'ios') document.getElementsByClassName('top-right')[0].classList.add('toastios')
+  });
+
   if (process.client) {
     if ('serviceWorker' in navigator && window.isSecureContext) {
       Device.getInfo().then(info => {
         if (info.platform === 'web') registerSW()
+        else document.getElementsByClassName('top-right')[0].classList.add('toastios')
       });
       
     }
@@ -224,10 +229,13 @@ const ledenlijst = ref([])
 provide('firebase', { db, ledenlijst, isAuthenticated, user, userData, userPersons, auth, users, userAllPersons, getPersons, calEvents, news, registrationToken, contestTimes, competitors, registrationToken })
 </script>
 
-<style scoped>
+<style>
 .body {
   padding-top: 10px;
   margin-bottom: env(safe-area-inset-bottom);
 }
 
+.toastios {
+  padding-top: 10px;
+}
 </style>

frontend/plugins/toast.js

@@ -2,5 +2,5 @@ import Toast from "vue-toastification";
 import "vue-toastification/dist/index.css";
 
 export default defineNuxtPlugin((nuxtApp) => {
-    nuxtApp.vueApp.use(Toast)
+  nuxtApp.vueApp.use(Toast)
 })

frontend/server/api/sendmessage.post.js

@@ -39,7 +39,7 @@ export default defineEventHandler(async event => {
       },         
       webpush: {
         notification: {
-          icon: '/ios/256.png'
+          icon: '/ios/256.png',
         }
       },
       topic: topic,

frontend/server/utils/firebase.js

@@ -5,8 +5,6 @@ import { getAuth } from 'firebase-admin/auth'
 
 const config = useRuntimeConfig()
 
-console.log('testing', config)
-
 export const app = initializeApp({
   credential: cert({
     "project_id": "wrbapp",