From d27034425a6d05a146eb68d6ed4769e3b7cc53e2 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Thu, 19 Mar 2020 10:00:21 +0800
Subject: [PATCH] fix toast style

---
 resources/assets/src/components/Toast.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/resources/assets/src/components/Toast.tsx b/resources/assets/src/components/Toast.tsx
index ebea5cd5..965b6056 100644
--- a/resources/assets/src/components/Toast.tsx
+++ b/resources/assets/src/components/Toast.tsx
@@ -48,10 +48,10 @@ const Toast: React.FC<Props> = props => {
   return (
     <div className={styles.toast} style={{ top: `${props.distance}px` }}>
       <div className={classes.join(' ')} role={role}>
-        <span className="mr-auto">
+        <span className="mr-1 d-flex align-items-center">
           <i className={`icon fas fa-${icons.get(props.type)}`}></i>
-          <span>{props.children}</span>
         </span>
+        <span>{props.children}</span>
         <button
           type="button"
           className="mr-2 ml-1 close"
@@ -64,6 +64,4 @@ const Toast: React.FC<Props> = props => {
   )
 }
 
-Toast.displayName = 'Toast'
-
 export default Toast