#RI-4061 - update styles

Author: AmirAllayarovSofteq

redisinsight/ui/src/pages/browser/components/add-key/AddKeyReJSON/AddKeyReJSON.tsx

@@ -3,8 +3,8 @@ import { useDispatch, useSelector } from 'react-redux'
 import { useParams } from 'react-router-dom'
 import {
   EuiButton,
+  EuiButtonEmpty,
   EuiFormRow,
-  EuiIcon,
   EuiText,
   EuiTextColor,
   EuiForm,
@@ -110,8 +110,12 @@ const AddKeyReJSON = (props: Props) => {
           <EuiFlexGroup justifyContent="flexEnd">
             <EuiFlexItem grow={false}>
               <label htmlFor="upload-input-file" className={styles.uploadBtn}>
-                <EuiIcon className={styles.uploadIcon} type="folderOpen" />
-                <EuiText className={styles.label}>Upload</EuiText>
+                <EuiButtonEmpty
+                  iconType="folderOpen"
+                  className={styles.emptyBtn}
+                >
+                  <EuiText className={styles.label}>Upload</EuiText>
+                </EuiButtonEmpty>
                 <input
                   type="file"
                   id="upload-input-file"

redisinsight/ui/src/pages/browser/components/add-key/AddKeyReJSON/styles.module.scss

@@ -4,15 +4,23 @@
 
 .uploadBtn {
   display: flex;
-  margin-top: 20px;
+  margin-top: 7px;
   cursor: pointer;
 }
 
 .uploadIcon {
   margin-right: 4px;
 }
 
-.label {
+.emptyBtn:global(.euiButtonEmpty) {
+  height: 22px;
+}
+
+.emptyBtn:global(.euiButtonEmpty .euiButtonEmpty__content) {
+  padding: 0 12px;
+}
+
+:global(.euiButtonEmpty.euiButtonEmpty--primary).emptyBtn .label {
   color: var(--inputTextColor) !important;
   line-height: 16px !important;
   font-weight: 400 !important;