margin between toasts

Author: akirasosa

src/app/core/toast/toast.component.html

@@ -1,6 +1,6 @@
 <div [mptStyles]="[styles.wrapper]">
   <ul class="list-unstyled">
-    <li *ngFor="let toast of toasts">
+    <li *ngFor="let toast of toasts" [mptStyles]="[styles.list]">
       <div [mptStyles]="toast.styles">{{toast.message}}</div>
     </li>
   </ul>

src/app/core/toast/toast.component.styles.ts

@@ -8,6 +8,9 @@ export const styles = StyleSheet.create({
     zIndex: '999999',
     display: 'table',
   },
+  list: {
+    marginBottom: '12px',
+  },
   toastBase: {
     color: 'white',
     opacity: '0.9',