build: v1.2.1; style: changed theme icon; style: sidebar link active bg color; style: updated toastify-js to v1.9.3; style: used toastify-js styles instead of local ones; style: removed inclusion of animate.css styles (but kept the file for future usage)

src/utils/toasts.js

@@ -1,7 +1,17 @@
 import Toastify from 'toastify-js'
+import 'toastify-js/src/toastify.css'
+import '@/styles/css/toasts.css'
 
 import { socket } from '@/utils/socket'
 
+const sharedOptions = {
+	gravity: 'bottom',
+	position: 'left',
+	offset: {
+		x: '14rem'
+	}
+}
+
 let toastsWithId = {}
 
 export const toast = function(msg, icon = null, dismiss = true, id = null) {
@@ -56,10 +66,9 @@ export const toast = function(msg, icon = null, dismiss = true, id = null) {
 		}
 
 		let toastObj = Toastify({
+			...sharedOptions,
 			text: `<span class="toast-icon">${icon}</span><span class="toast-message">${msg}</toast>`,
 			duration: dismiss ? 3000 : 0,
-			gravity: 'bottom',
-			position: 'left',
 			className: dismiss ? 'dismissable' : '',
 			onClick: function() {
 				let dismissable = true