From f61689486a9394dceaad45a034140d768d546cfb Mon Sep 17 00:00:00 2001
From: Dariusz Szut <dew326@gmail.com>
Date: Mon, 18 Dec 2017 18:11:00 +0100
Subject: [PATCH] EZP-27911: Notification system

---
 src/bundle/Resources/public/scss/_notifications.scss | 9 +++++++++
 src/bundle/Resources/views/layout.html.twig          | 4 +++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/bundle/Resources/public/scss/_notifications.scss b/src/bundle/Resources/public/scss/_notifications.scss
index bcdb2ebbea..6e80e28d67 100644
--- a/src/bundle/Resources/public/scss/_notifications.scss
+++ b/src/bundle/Resources/public/scss/_notifications.scss
@@ -5,9 +5,18 @@
     line-height: 2.25;
 
     .alert {
+        padding: 0.75rem 5rem;
         margin-bottom: 0;
+        border-radius: 0;
         transition: opacity 0.3s $ez-admin-transition;
 
+        .close {
+            opacity: 1;
+            top: 50%;
+            padding: 0 1.25rem;
+            cursor: pointer;
+        }
+
         &-success {
             background-color: $ez-color-positive;
             border-color: $ez-color-positive;
diff --git a/src/bundle/Resources/views/layout.html.twig b/src/bundle/Resources/views/layout.html.twig
index a53471db4e..149b986195 100644
--- a/src/bundle/Resources/views/layout.html.twig
+++ b/src/bundle/Resources/views/layout.html.twig
@@ -76,7 +76,9 @@
                 {% for message in messages %}
                     <div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
                         <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
+                            <svg class="ez-icon ez-icon--light ez-icon-small">
+                                <use xlink:href="{{ asset('bundles/ezplatformadminui/img/ez-icons.svg') }}#circle-close"></use>
+                            </svg>
                         </button>
                         {{ message|trans }}
                     </div>