Fixed #5614

primefaces · Dec 31, 2018 · 0ebe058 · 0ebe058
1 parent 29ca8be
commit 0ebe058
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/app/components/messages/messages.css b/src/app/components/messages/messages.css
@@ -3,6 +3,7 @@
     margin: .5em 0;
     padding: 1em 1em 1em .5em;
     position: relative;
+    display: flex;
 }
 
 .ui-messages .ui-messages-icon {
@@ -27,10 +28,12 @@
     list-style-type: none;
     display: inline-block;
     vertical-align: middle;
+    display: flex;
+    align-items: center;
 }
 
 .ui-messages ul > li {
-    padding: .25em 0;
+    padding: .25em;
 }
 
 .ui-messages.ui-messages-noicon ul {

diff --git a/src/app/components/messages/messages.ts b/src/app/components/messages/messages.ts
@@ -8,7 +8,7 @@ import {Subscription} from 'rxjs';
 @Component({
     selector: 'p-messages',
     template: `
-        <div *ngIf="hasMessages()" class="ui-messages ui-widget ui-corner-all" style="display:block"
+        <div *ngIf="hasMessages()" class="ui-messages ui-widget ui-corner-all"
                     [ngClass]="{'ui-messages-info':(value[0].severity === 'info'),
                     'ui-messages-warn':(value[0].severity === 'warn'),
                     'ui-messages-error':(value[0].severity === 'error'),