From 38fc3b36fed578aa3eba3752f8e66e87ea90c8c5 Mon Sep 17 00:00:00 2001
From: LASER-Yi <ly0007@yeah.net>
Date: Sun, 9 May 2021 21:46:41 +0800
Subject: [PATCH] Tweak style of progress notification

---
 frontend/src/App/notifications/index.tsx  | 2 +-
 frontend/src/App/notifications/style.scss | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App/notifications/index.tsx b/frontend/src/App/notifications/index.tsx
index 0193eae2b..da083b9a2 100644
--- a/frontend/src/App/notifications/index.tsx
+++ b/frontend/src/App/notifications/index.tsx
@@ -99,7 +99,7 @@ const ProgressToast: FunctionComponent<ProgressHolderProps> = ({
         <span className="mr-auto">Background Task</span>
       </Toast.Header>
       <Toast.Body>
-        <div className="mb-2 mt-1 text-nowrap text-truncate">
+        <div className="mb-2 mt-1">
           <FontAwesomeIcon
             className="mr-2"
             icon={faPaperPlane}
diff --git a/frontend/src/App/notifications/style.scss b/frontend/src/App/notifications/style.scss
index 27f4fac59..8fb53b696 100644
--- a/frontend/src/App/notifications/style.scss
+++ b/frontend/src/App/notifications/style.scss
@@ -13,8 +13,7 @@
     padding: 1rem;
 
     .toast {
-      max-width: 260px;
-      min-width: 200px;
+      width: 16rem;
 
       backdrop-filter: blur(6px);
       -webkit-backdrop-filter: blur(6px);