148. Adding notification styles and tag element (#18)

support-portal-frontend/src/app/app.component.html

@@ -1,2 +1,3 @@
 <router-outlet></router-outlet>
+<notifier-container></notifier-container>
 

support-portal-frontend/src/app/component/login/login.component.ts

@@ -63,6 +63,6 @@ export class LoginComponent implements OnInit, OnDestroy {
   }
 
   private sendErrorNotification(message: string) {
-    this.notificationService.notify(NotificationType.ERROR, message ? message : 'AN ERROR OCCURRED. PLEASE TRY AGAIN')
+    this.notificationService.notify(NotificationType.ERROR, message ? message : 'An error occurred. Please try again')
   }
 }

support-portal-frontend/src/app/notification/notification.module.ts

@@ -8,7 +8,7 @@ const notifierCustomOptions: NotifierOptions = {
       distance: 150,
     },
     vertical: {
-      position: 'bottom',
+      position: 'top',
       distance: 12,
       gap: 10,
     },

support-portal-frontend/src/styles.css

@@ -1,3 +1,4 @@
 /* You can add global styles to this file, and also import other style files */
 @import 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css';
 @import 'https://pro.fontawesome.com/releases/v5.10.0/css/all.css';
+@import "~angular-notifier/styles";