From 3d9d21f1d0f0fad4ba8ef91a8d6130d7b4e1aaee Mon Sep 17 00:00:00 2001
From: Artyom Podymov <artyom.podymov@softeq.com>
Date: Mon, 22 Nov 2021 18:04:12 +0300
Subject: [PATCH] * #RI-1902 - set thick border for 'Disable Encryption' button
 * remove unnecessary 'will-change CSS property

---
 .../notifications/components/EncryptionErrorContent.tsx      | 2 +-
 .../pages/home/components/HelpLinksMenu/styles.module.scss   | 1 -
 .../EnablementArea/components/Group/styles.scss              | 1 -
 .../enablament-area/EnablementArea/styles.module.scss        | 1 -
 redisinsight/ui/src/styles/components/_buttons.scss          | 5 +++++
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx b/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx
index a847676dae..eaf95bd2b3 100644
--- a/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx
+++ b/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx
@@ -52,7 +52,7 @@ const EncryptionErrorContent = (props: Props) => {
               size="s"
               color="warning"
               onClick={disableEncryption}
-              className="toast-danger-btn"
+              className="toast-danger-btn euiBorderWidthThick"
               data-testid="toast-action-btn"
             >
               Disable Encryption
diff --git a/redisinsight/ui/src/pages/home/components/HelpLinksMenu/styles.module.scss b/redisinsight/ui/src/pages/home/components/HelpLinksMenu/styles.module.scss
index 18e18b4927..963dcd2540 100644
--- a/redisinsight/ui/src/pages/home/components/HelpLinksMenu/styles.module.scss
+++ b/redisinsight/ui/src/pages/home/components/HelpLinksMenu/styles.module.scss
@@ -26,7 +26,6 @@
   padding: 10px 20px;
   background-color: transparent !important;
   transition: background-color 0.3s ease-in-out;
-  will-change: background-color;
   text-decoration: none !important;
   font: normal normal bold 12px/17px Graphik, sans-serif;
   letter-spacing: 0;
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss
index 466d660140..92487f62b7 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss
@@ -3,7 +3,6 @@
     backface-visibility: hidden;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease-in-out;
-    will-change: border-color;
     .group-header {
       font: normal normal medium 11px/15px Graphik;
       letter-spacing: 1.1px;
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss
index 6912156070..a46a29e930 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss
@@ -35,7 +35,6 @@
   height: 100%;
   transform: translateX(calc(100% + 8px));
   backface-visibility: hidden;
-  will-change: transform;
   transition: transform 0.4s ease-in-out;
   box-shadow: -5px 1px 10px rgba(0, 0, 0, 0.2);
 }
diff --git a/redisinsight/ui/src/styles/components/_buttons.scss b/redisinsight/ui/src/styles/components/_buttons.scss
index 694f4c9c5f..1aef36e4c7 100644
--- a/redisinsight/ui/src/styles/components/_buttons.scss
+++ b/redisinsight/ui/src/styles/components/_buttons.scss
@@ -1,3 +1,5 @@
+@import '@elastic/eui/src/global_styling/index';
+
 .euiButton {
   &.euiButton--secondary {
     color: var(--buttonSecondaryTextColor) !important;
@@ -36,6 +38,9 @@
     }
   }
 }
+.euiButton.euiBorderWidthThick {
+  border-width: $euiBorderWidthThick;
+}
 
 .euiButton.euiButton-isDisabled.euiButton--fill {
   opacity: 0.6;