From 2240693a1d6d76238964509b4d4283258657089e Mon Sep 17 00:00:00 2001
From: Mia ZHOU <meinaz@vmware.com>
Date: Tue, 24 Jul 2018 17:56:46 +0800
Subject: [PATCH] Notification should not hide content according to ux

Issue description:
Notification will hide some content when it popup.

According to ux requirement, we should make it not extend to the whole widh of UI, and should not hide the content.

Fix:
Modify the position from 'absolute' to 'relative', so that it will not hide the content.
---
 src/ui_ng/src/app/global-message/message.component.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui_ng/src/app/global-message/message.component.scss b/src/ui_ng/src/app/global-message/message.component.scss
index 3d3a4d4e1..99de0eab5 100644
--- a/src/ui_ng/src/app/global-message/message.component.scss
+++ b/src/ui_ng/src/app/global-message/message.component.scss
@@ -1,9 +1,10 @@
 .global-message-alert {
-    position: absolute;
+    position: relative;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
+    margin-bottom: 20px;
 }
 .alert-item {
     display: inline-block;