From db1721b7a219682cf12056ee9b2bfcbaf850dc44 Mon Sep 17 00:00:00 2001
From: Labhansh Agrawal <labhansh.agrawal@gmail.com>
Date: Wed, 13 Oct 2021 23:27:51 +0530
Subject: [PATCH] Better notification dismiss button visibility

---
 lib/components/notification.tsx  | 6 +++---
 lib/components/notifications.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/components/notification.tsx b/lib/components/notification.tsx
index 12e33eb1..ff5bd4ee 100644
--- a/lib/components/notification.tsx
+++ b/lib/components/notification.tsx
@@ -99,14 +99,14 @@ export default class Notification extends React.PureComponent<NotificationProps,
             position: relative;
             left: 4px;
             cursor: pointer;
-            opacity: 0.5;
+            font-weight: 600;
             color: currentColor;
-            transition: opacity 0.1s ease-in-out;
+            transition: font-weight 0.1s ease-in-out;
           }
 
           .notification_dismissLink:hover,
           .notification_dismissLink:focus {
-            opacity: 1;
+            font-weight: 900;
           }
         `}</style>
       </div>
diff --git a/lib/components/notifications.tsx b/lib/components/notifications.tsx
index 4a7b00bd..a5b281ca 100644
--- a/lib/components/notifications.tsx
+++ b/lib/components/notifications.tsx
@@ -38,10 +38,10 @@ export default class Notifications extends React.PureComponent<NotificationsProp
           <Notification
             key="message"
             backgroundColor="#FE354E"
+            color="#fff"
             text={this.props.messageText}
             onDismiss={this.props.onDismissMessage}
             userDismissable={this.props.messageDismissable}
-            userDismissColor="#AA2D3C"
           >
             {this.props.messageURL
               ? [
@@ -58,7 +58,7 @@ export default class Notifications extends React.PureComponent<NotificationsProp
                   >
                     more
                   </a>,
-                  ')'
+                  ') '
                 ]
               : null}
           </Notification>