fixed sweet alerts blocking major ui elements (#1517)

assets/js/plugins/KimaiAlert.js

@@ -44,7 +44,7 @@ export default class KimaiAlert extends KimaiPlugin {
             timer: 2000,
             timerProgressBar: true,
             toast: true,
-            position: 'top-end',
+            position: 'top',
             showConfirmButton: false,
             icon: 'success',
             title: message,

assets/sass/sweetalert.scss

@@ -1,3 +1,15 @@
 .swal2-popup {
     font-size: unset;
-}
+}
+
+.swal2-container {
+    // never block the top two bars double-bars display (smaller displays)
+    @media only screen and (max-width: 768px) {
+        top: 110px !important;
+    }
+
+    // never block the top bar on single-bar display (larger devices)
+    @media only screen and (min-width: 768px) {
+        top: 60px !important;
+    }
+}