Fixed #1848

primefaces · Jan 18, 2017 · 47f39ba · 47f39ba
1 parent d774a37
commit 47f39ba
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/components/growl/growl.css b/components/growl/growl.css
@@ -13,7 +13,8 @@
 }
 
 .ui-growl-item {
-	display:block;
+    position: relative;
+	display: block;
 	padding: .5em 1em;
 }
 
@@ -36,17 +37,16 @@
 }
 
 .ui-growl-image {
+    position: absolute;
     display: inline-block;
-    vertical-align: top;
-    margin-left: .25em;
-    margin-right: .5em;
+    left: .5em;
+    top: .25em;
     padding: 0;
 }
 
 .ui-growl-message {
 	padding: 0 0 .25em 0;
-    display: inline-block;
-    vertical-align: top;
+    margin-left: 2.5em;
 }
 
 .ui-growl-message p {

diff --git a/components/growl/growl.ts b/components/growl/growl.ts
@@ -13,7 +13,7 @@ import {DomHandler} from '../dom/domhandler';
                 <div class="ui-growl-item">
                      <div class="ui-growl-icon-close fa fa-close" (click)="remove(msg,msgel)"></div>
                      <span class="ui-growl-image fa fa-2x"
-                        [ngClass]="{'fa-info-circle':msg.severity == 'info','fa-warning':msg.severity == 'warn',
+                        [ngClass]="{'fa-info-circle':msg.severity == 'info','fa-exclamation-circle':msg.severity == 'warn',
                                 'fa-close':msg.severity == 'error','fa-check':msg.severity == 'success'}"></span>
                      <div class="ui-growl-message">
                         <span class="ui-growl-title">{{msg.summary}}</span>