From 7a2f58065807b0f8a923444a0eae6e4df5b5a23a Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 16 Feb 2021 16:47:49 +0300
Subject: [PATCH] Adding paddings to update notification elements

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

diff --git a/src/renderer/components/notifications/notifications.scss b/src/renderer/components/notifications/notifications.scss
index 4b300edda6..7388abb1e8 100644
--- a/src/renderer/components/notifications/notifications.scss
+++ b/src/renderer/components/notifications/notifications.scss
@@ -15,7 +15,7 @@
 
   .notification {
     flex: 0 0;
-    padding: $padding;
+    padding: $padding * 1.5;
     border-radius: 3px;
     min-width: 350px;
     max-width: 35vw;
diff --git a/src/renderer/ipc/index.tsx b/src/renderer/ipc/index.tsx
index 991d9b7616..b9644f7404 100644
--- a/src/renderer/ipc/index.tsx
+++ b/src/renderer/ipc/index.tsx
@@ -34,14 +34,14 @@ function UpdateAvailableHandler(event: IpcRendererEvent, ...[backchannel, update
 
   Notifications.info(
     (
-      <>
+      <div className="flex column gaps">
         <b>Update Available</b>
         <p>Version {updateInfo.version} of Lens IDE is now available. Would you like to update?</p>
         <div className="flex gaps row align-left box grow">
           <RenderYesButtons backchannel={backchannel} notificationId={notificationId} />
           <Button active outlined label="No" onClick={() => sendToBackchannel(backchannel, notificationId, { doUpdate: false })} />
         </div>
-      </>
+      </div>
     ), {
       id: notificationId,
       onClose() {