From 1d0f76e6e6f5838ff7c135d3fe66696e875d8499 Mon Sep 17 00:00:00 2001
From: Art <d.art.shishkin@gmail.com>
Date: Sun, 19 Sep 2021 12:09:06 +0300
Subject: [PATCH] 148. Adding notification styles and tag element (#18)

---
 support-portal-frontend/src/app/app.component.html              | 1 +
 .../src/app/component/login/login.component.ts                  | 2 +-
 .../src/app/notification/notification.module.ts                 | 2 +-
 support-portal-frontend/src/styles.css                          | 1 +
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/support-portal-frontend/src/app/app.component.html b/support-portal-frontend/src/app/app.component.html
index 6a164d6..1416460 100644
--- a/support-portal-frontend/src/app/app.component.html
+++ b/support-portal-frontend/src/app/app.component.html
@@ -1,2 +1,3 @@
 <router-outlet></router-outlet>
+<notifier-container></notifier-container>
 
diff --git a/support-portal-frontend/src/app/component/login/login.component.ts b/support-portal-frontend/src/app/component/login/login.component.ts
index a47d40d..669fbc9 100644
--- a/support-portal-frontend/src/app/component/login/login.component.ts
+++ b/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')
   }
 }
diff --git a/support-portal-frontend/src/app/notification/notification.module.ts b/support-portal-frontend/src/app/notification/notification.module.ts
index cf4204f..5a4bf95 100644
--- a/support-portal-frontend/src/app/notification/notification.module.ts
+++ b/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,
     },
diff --git a/support-portal-frontend/src/styles.css b/support-portal-frontend/src/styles.css
index 3288021..a42e12d 100644
--- a/support-portal-frontend/src/styles.css
+++ b/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";