#RI-5211 - fix style and add test id

Author: AmirAllayarovSofteq

redisinsight/ui/src/pages/rdi/instance/components/confirm-leave-page-popup/ConfirmLeavePagePopup.tsx

@@ -43,7 +43,7 @@ const ConfirmLeavePagePopup = (props: Props) => {
           </EuiText>
         </section>
         <div className={styles.footer}>
-          <Download />
+          <Download dataTestid="popup-download-pipeline-btn" />
           <EuiButton
             fill
             color="secondary"

redisinsight/ui/src/pages/rdi/instance/components/confirm-leave-page-popup/styles.module.scss

@@ -23,7 +23,7 @@
   justify-content: space-between;
   align-items: center;
   padding-top: 40px;
-  padding-bottom: 1px;
+  padding-bottom: 6px;
 }
 
 .button {
@@ -35,7 +35,7 @@
 }
 
 :global {
-  .euiModal__closeIcon {
+  .euiButtonIcon.euiModal__closeIcon {
     right: 35px;
     top: 35px;
   }

redisinsight/ui/src/pages/rdi/pipeline-management/components/download/Download.tsx

@@ -10,7 +10,11 @@ import { IPipeline } from 'uiSrc/slices/interfaces'
 import { rdiPipelineSelector } from 'uiSrc/slices/rdi/pipeline'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 
-const Download = () => {
+interface Props {
+  dataTestid?: string
+}
+
+const Download = ({ dataTestid }: Props) => {
   const { loading } = useSelector(rdiPipelineSelector)
 
   const { rdiInstanceId } = useParams<{ rdiInstanceId: string }>()
@@ -45,7 +49,7 @@ const Download = () => {
       disabled={loading}
       onClick={handleDownloadClick}
       aria-labelledby="Download pipeline button"
-      data-testid="download-pipeline-btn"
+      data-testid={dataTestid || 'download-pipeline-btn'}
     >
       Download
     </EuiButtonEmpty>