RI-3525-resolve comments

Author: AmirAllayarovSofteq

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;
   }