Merge pull request #1206 from RedisInsight/bugfix/RI-3525_electron_styles

#RI-3525-wb edit overflow hidden

Author: AlenaSY

redisinsight/ui/src/components/bottom-group-components/components/bottom-group-minimized/BottomGroupMinimized.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react'
 import cx from 'classnames'
-import { EuiBadge, EuiFlexGroup, EuiFlexItem, EuiIcon } from '@elastic/eui'
+import { EuiBadge, EuiFlexGroup, EuiFlexItem, EuiIcon, EuiHideFor, EuiShowFor } from '@elastic/eui'
 import { useDispatch, useSelector } from 'react-redux'
 import { useParams } from 'react-router-dom'
 import { EXTERNAL_LINKS } from 'uiSrc/constants/links'
@@ -135,7 +135,12 @@ const BottomGroupMinimized = () => {
       >
         <>
           <EuiIcon type={SurveyIcon} className={styles.surveyIcon} />
-          <span>We need your opinion. Please take our survey.</span>
+          <EuiHideFor sizes={['xs', 's']}>
+            <span>We need your opinion. Please take our survey.</span>
+          </EuiHideFor>
+          <EuiShowFor sizes={['xs', 's']}>
+            <span>Survey</span>
+          </EuiShowFor>
         </>
       </a>
     </div>

redisinsight/ui/src/components/query-card/styles.module.scss

@@ -3,6 +3,7 @@
 @import '@elastic/eui/src/global_styling/index';
 
 .containerWrapper {
+  min-width: 420px;
   &:nth-of-type(even) {
     background-color: var(--euiColorEmptyShade) !important;
   }

redisinsight/ui/src/pages/workbench/components/wb-view/WBView/WBView.tsx

@@ -105,7 +105,7 @@ const WBView = (props: Props) => {
                   scrollable={false}
                   className={styles.queryPanel}
                   initialSize={vertical[verticalPanelIds.firstPanelId] ?? 20}
-                  style={{ minHeight: '140px' }}
+                  style={{ minHeight: '140px', overflow: 'hidden' }}
                 >
                   <QueryWrapper
                     query={script}