From 4d3a780dd8f5e69c837b818a8f5dab53afd93d44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dominique=20M=C3=BCller?= <dominique.m.mueller@gmail.com>
Date: Wed, 10 Mar 2021 23:50:47 +0100
Subject: [PATCH] style(notification): Fix layout falling apart when message
 becomes multi-line (#200)

Related to #154. Closes #149.
---
 projects/angular-notifier-demo/src/app/app.component.ts | 1 -
 projects/angular-notifier-demo/src/app/app.module.ts    | 1 -
 projects/angular-notifier/src/styles/core.scss          | 3 ++-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/projects/angular-notifier-demo/src/app/app.component.ts b/projects/angular-notifier-demo/src/app/app.component.ts
index 54a564dd..ee41297f 100644
--- a/projects/angular-notifier-demo/src/app/app.component.ts
+++ b/projects/angular-notifier-demo/src/app/app.component.ts
@@ -1,5 +1,4 @@
 import { Component, ViewChild } from '@angular/core';
-
 import { NotifierService } from 'angular-notifier';
 
 /**
diff --git a/projects/angular-notifier-demo/src/app/app.module.ts b/projects/angular-notifier-demo/src/app/app.module.ts
index db4b67d6..6eef2ffb 100644
--- a/projects/angular-notifier-demo/src/app/app.module.ts
+++ b/projects/angular-notifier-demo/src/app/app.module.ts
@@ -1,6 +1,5 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-
 import { NotifierModule, NotifierOptions } from 'angular-notifier';
 
 import { AppComponent } from './app.component';
diff --git a/projects/angular-notifier/src/styles/core.scss b/projects/angular-notifier/src/styles/core.scss
index d7f95f41..7d21ae5c 100644
--- a/projects/angular-notifier/src/styles/core.scss
+++ b/projects/angular-notifier/src/styles/core.scss
@@ -21,7 +21,8 @@
   }
 
   &__notification {
-    display: block;
+    display: flex;
+    align-items: center;
     position: fixed; // Overlay
     visibility: hidden; // Notifications are hidden by default, and get shown (or animated in) dynamically by the Angular component
     z-index: 10000; // Pretty much random ...