refactor(toast): use correct spacing

Author: thetaPC

core/src/components/toast/toast.ionic.scss

@@ -32,27 +32,27 @@
   z-index: 10;
 }
 
-.toast-content {
+.toast-container {
   @include globals.padding(globals.$ionic-space-300, globals.$ionic-space-400);
 }
 
 // Toast Button
 // --------------------------------------------------
 
 .toast-layout-baseline .toast-button-group-start {
-  @include globals.margin(null, null, null, globals.$ionic-space-400);
+  @include globals.margin-horizontal(null, globals.$ionic-space-400);
 }
 
 .toast-layout-stacked .toast-button-group-start {
-  @include globals.margin(globals.$ionic-space-400, globals.$ionic-space-400, null, null);
+  @include globals.margin(null, null, globals.$ionic-space-400, null);
 }
 
 .toast-layout-baseline .toast-button-group-end {
-  @include globals.margin(null, globals.$ionic-space-400, null, null);
+  @include globals.margin-horizontal(globals.$ionic-space-400, null);
 }
 
 .toast-layout-stacked .toast-button-group-end {
-  @include globals.margin(null, globals.$ionic-space-400, globals.$ionic-space-400, null);
+  @include globals.margin(globals.$ionic-space-400, null, null, null);
 }
 
 .toast-button-group {
@@ -71,6 +71,13 @@
   overflow: hidden;
 }
 
+// Toast Icon & Button Icon
+// --------------------------------------------------
+
+.toast-icon {
+  @include globals.margin-horizontal(0, globals.$ionic-space-200);
+}
+
 // Toast Icon
 // --------------------------------------------------