Add more styling

packages/notification/vpu-notification-demo.js

@@ -31,9 +31,6 @@ class NotificationDemo extends LitElement {
                 <div class="container">
                     <h1 class="title">Notification-Demo</h1>
                 </div>
-                <div class="container">
-                    <vpu-notification lang="${this.lang}"></vpu-notification>
-                </div>
                 <div class="container">
                     <div class="columns is-vcentered">
                         <div class="column">
@@ -41,6 +38,9 @@ class NotificationDemo extends LitElement {
                         </div>
                     </div>
                 </div>
+                <div class="container">
+                    <vpu-notification lang="${this.lang}"></vpu-notification>
+                </div>
             </section>
         `;
     }

packages/notification/vpu-notification.js

@@ -38,6 +38,7 @@ class VPUNotification extends VPULitElement {
             // TODO: take care about summary and timeout
             that._("#notification").innerHTML += `
                 <div id="notification" class="notification is-${type}">
+                    <button class="delete"></button>
                     ${body}
                 </div>
             `;