From c561c2a9c6696cad9da753d15f321aaed6d00879 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 19 Jan 2021 18:19:01 +0300
Subject: [PATCH] Moving notification icons to top (#1987)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/notifications/notifications.scss | 4 ++++
 src/renderer/components/notifications/notifications.tsx  | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/notifications/notifications.scss b/src/renderer/components/notifications/notifications.scss
index a39a00b227..5ac3c7ecc5 100644
--- a/src/renderer/components/notifications/notifications.scss
+++ b/src/renderer/components/notifications/notifications.scss
@@ -46,5 +46,9 @@
         box-shadow: 0 0 20px $boxShadow;
       }
     }
+
+    .close {
+      margin-top: -2px;
+    }
   }
 }
diff --git a/src/renderer/components/notifications/notifications.tsx b/src/renderer/components/notifications/notifications.tsx
index 6ca687fee4..5bdf3b67b0 100644
--- a/src/renderer/components/notifications/notifications.tsx
+++ b/src/renderer/components/notifications/notifications.tsx
@@ -74,14 +74,14 @@ export class Notifications extends React.Component {
           return (
             <Animate key={id}>
               <div
-                className={cssNames("notification flex align-center", status)}
+                className={cssNames("notification flex", status)}
                 onMouseLeave={() => addAutoHideTimer(notification)}
                 onMouseEnter={() => removeAutoHideTimer(notification)}>
-                <div className="box center">
+                <div className="box">
                   <Icon material="info_outline" />
                 </div>
                 <div className="message box grow">{msgText}</div>
-                <div className="box center">
+                <div className="box">
                   <Icon
                     material="close" className="close"
                     onClick={prevDefault(() => {