From f7c9735849268201f4c8486e61439f51eb90461d Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Mon, 14 Mar 2022 06:53:49 -0400
Subject: [PATCH] Update notifications

---
 src/common/layout/LayoutNotificationBubbleView.tsx |  2 +-
 .../NotificationDefaultConfirmView.tsx             | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/common/layout/LayoutNotificationBubbleView.tsx b/src/common/layout/LayoutNotificationBubbleView.tsx
index ab194ed3..59771e7e 100644
--- a/src/common/layout/LayoutNotificationBubbleView.tsx
+++ b/src/common/layout/LayoutNotificationBubbleView.tsx
@@ -11,7 +11,7 @@ export interface LayoutNotificationBubbleViewProps extends FlexProps
 
 export const LayoutNotificationBubbleView: FC<LayoutNotificationBubbleViewProps> = props =>
 {
-    const { fadesOut = false, timeoutMs = 8000, close = null, overflow='hidden', classNames = [], ...rest } = props;
+    const { fadesOut = true, timeoutMs = 8000, close = null, overflow = 'hidden', classNames = [], ...rest } = props;
     const [ isVisible, setIsVisible ] = useState(false);
 
     const getClassNames = useMemo(() =>
diff --git a/src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx b/src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx
index cd79bcaf..043bfcfa 100644
--- a/src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx
+++ b/src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { NotificationConfirmItem } from '../../../../api';
-import { LayoutNotificationAlertView, LayoutNotificationAlertViewProps } from '../../../../common';
+import { Button, Flex, LayoutNotificationAlertView, LayoutNotificationAlertViewProps, Text } from '../../../../common';
 
 export interface NotificationDefaultConfirmViewProps extends LayoutNotificationAlertViewProps
 {
@@ -28,11 +28,13 @@ export const NotificationDefaultConfirmView: FC<NotificationDefaultConfirmViewPr
 
     return (
         <LayoutNotificationAlertView title={ title } close={ close } { ...rest }>
-            { message }
-            <div className="d-flex justify-content-between align-items-center">
-            <button type="button" className="btn btn-danger" onClick={ cancel }>{ cancelText }</button>
-                <button type="button" className="btn btn-primary" onClick={ confirm }>{ confirmText }</button>
-            </div>
+            <Flex grow center>
+                <Text>{ message }</Text>
+            </Flex>
+            <Flex gap={ 1 }>
+                <Button fullWidth variant="danger" onClick={ cancel }>{ cancelText }</Button>
+                <Button fullWidth onClick={ confirm }>{ confirmText }</Button>
+            </Flex>
         </LayoutNotificationAlertView>
     );
 }