adjust decompression and formatters tab spacing

Author: dantovska

redisinsight/ui/src/pages/home/components/form/DbCompressor.tsx

@@ -79,26 +79,23 @@ const DbCompressor = (props: Props) => {
       </Row>
 
       {formik.values.showCompressor && (
-        <>
-          <Spacer />
-          <Row gap="m">
-            <FlexItem grow>
-              <FormField label="Decompression format">
-                <RiSelect
-                  name="compressor"
-                  placeholder="Decompression format"
-                  value={formik.values.compressor ?? NONE}
-                  options={optionsCompressor}
-                  onChange={(value) => {
-                    formik.setFieldValue('compressor', value || NONE)
-                  }}
-                  data-testid="select-compressor"
-                />
-              </FormField>
-            </FlexItem>
-            <FlexItem grow />
-          </Row>
-        </>
+        <Row gap="m">
+          <FlexItem grow>
+            <FormField label="Decompression format">
+              <RiSelect
+                name="compressor"
+                placeholder="Decompression format"
+                value={formik.values.compressor ?? NONE}
+                options={optionsCompressor}
+                onChange={(value) => {
+                  formik.setFieldValue('compressor', value || NONE)
+                }}
+                data-testid="select-compressor"
+              />
+            </FormField>
+          </FlexItem>
+          <FlexItem grow />
+        </Row>
       )}
     </>
   )

redisinsight/ui/src/pages/home/components/manual-connection/manual-connection-form/forms/DecompressionAndFormatters.tsx

@@ -7,6 +7,7 @@ import {
   DbCompressor,
   KeyFormatSelector,
 } from 'uiSrc/pages/home/components/form'
+import { Spacer } from 'uiSrc/components/base/layout'
 
 const DecompressionAndFormatters = ({
   formik,
@@ -15,12 +16,9 @@ const DecompressionAndFormatters = ({
 }) => (
   <>
     <DbCompressor formik={formik} />
-
-    <Divider
-      colorVariable="separatorColor"
-      variant="fullWidth"
-    />
-
+    <Spacer />
+    <Divider colorVariable="separatorColor" variant="fullWidth" />
+    <Spacer />
     <KeyFormatSelector formik={formik} />
   </>
 )