Tweak style of progress notification

morpheus65535 · May 9, 2021 · 38fc3b3 · 38fc3b3
1 parent 8b41616
commit 38fc3b3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git 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
@@ -13,8 +13,7 @@
     padding: 1rem;
 
     .toast {
-      max-width: 260px;
-      min-width: 200px;
+      width: 16rem;
 
       backdrop-filter: blur(6px);
       -webkit-backdrop-filter: blur(6px);