#RI-5772 - fix styles

Author: rsergeenko

redisinsight/ui/src/components/shortcuts-flyout/styles.module.scss

@@ -2,20 +2,27 @@
   font-size: 18px;
   font-weight: 600 !important;
 }
+
 .table {
   :global(thead) {
     display: none;
   }
+
   :global {
     td, tr {
       border-color: var(--tableLightBorderColor) !important;
     }
   }
-  &:global(.inMemoryTableDefault .euiTableCellContent span) {
-    padding-top: 0 !important;
-    white-space: normal;
 
+  &:global(.inMemoryTableDefault) {
+    :global {
+      .euiTableCellContent span {
+        padding-top: 0 !important;
+        white-space: normal !important;
+      }
+    }
   }
+
   :global(.euiBadge) {
     height: 22px;
     min-width: 34px !important;

redisinsight/ui/src/components/side-panels/panels/live-time-recommendations/components/recommendation/styles.module.scss

@@ -149,7 +149,7 @@
 .snoozeBtn {
   svg {
     fill: var(--recommendationBgColor) !important;
-    g {
+    g, circle, path {
       stroke: currentColor !important;
     }
   }

redisinsight/ui/src/components/side-panels/panels/live-time-recommendations/styles.module.scss

@@ -6,6 +6,7 @@ $animation-duration: 300ms;
 
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .loading {

redisinsight/ui/src/styles/components/_components.scss

@@ -13,6 +13,7 @@
 @import "database";
 @import "switch";
 @import "callout";
+@import "flyout";
 @import "tabs";
 @import "notificationBody";
 @import "json_view";

redisinsight/ui/src/styles/components/_flyout.scss

@@ -0,0 +1,9 @@
+.euiFlyout {
+  border-left: 1px solid var(--euiColorLightShade);
+  box-shadow: none;
+  background: var(--euiColorEmptyShade);
+
+  &__closeButton:not(:hover) {
+    background-color: transparent;
+  }
+}