adjust spacings in the edit db connectivity settings

Author: dantovska

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

@@ -62,12 +62,18 @@ const EditConnection = (props: Props) => {
             autoFocus={!isCloneMode && isEditMode}
             onHostNamePaste={onHostNamePaste}
           />
+          <Spacer size="l" />
           <Divider colorVariable="separatorColor" variant="fullWidth" />
+          <Spacer size="l" />
           <ForceStandalone formik={formik} />
+          <Spacer size="l" />
+          <Divider colorVariable="separatorColor" variant="fullWidth" />
           {isCloneMode && (
             <>
-              <Divider colorVariable="separatorColor" variant="fullWidth" />
+              <Spacer size="l" />
               <DbIndex formik={formik} />
+              <Spacer size="l" />
+              <Divider colorVariable="separatorColor" variant="fullWidth" />
             </>
           )}
         </>

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

@@ -47,33 +47,28 @@ const EditSentinelConnection = (props: Props) => {
   const GeneralFormClodeMode = (
     <>
       <PrimaryGroupSentinel formik={formik} />
-      <Divider
-        colorVariable="separatorColor"
-        variant="fullWidth"
-      />
+      <Divider colorVariable="separatorColor" variant="fullWidth" />
       <Title size="XS">Database</Title>
       <Spacer size="s" />
       <SentinelMasterDatabase
         formik={formik}
         db={db}
         isCloneMode={isCloneMode}
       />
-      <Divider
-        colorVariable="separatorColor"
-        variant="fullWidth"
-      />
+      <Divider colorVariable="separatorColor" variant="fullWidth" />
       <Title size="XS">Sentinel</Title>
       <Spacer size="s" />
       <DatabaseForm
         formik={formik}
         showFields={{ host: true, port: true, alias: false, timeout: false }}
         onHostNamePaste={onHostNamePaste}
       />
-      <Divider
-        colorVariable="separatorColor"
-        variant="fullWidth"
-      />
+      <Spacer size="l" />
+      <Divider colorVariable="separatorColor" variant="fullWidth" />
+      <Spacer size="l" />
       <DbIndex formik={formik} />
+      <Spacer size="l" />
+      <Divider colorVariable="separatorColor" variant="fullWidth" />
     </>
   )
 
@@ -96,21 +91,15 @@ const EditSentinelConnection = (props: Props) => {
         </FlexItem>
       </Row>
       <Spacer size="s" />
-      <Divider
-        colorVariable="separatorColor"
-        variant="fullWidth"
-      />
+      <Divider colorVariable="separatorColor" variant="fullWidth" />
       <Title size="XS">Database</Title>
       <Spacer size="s" />
       <SentinelMasterDatabase
         formik={formik}
         db={db}
         isCloneMode={isCloneMode}
       />
-      <Divider
-        colorVariable="separatorColor"
-        variant="fullWidth"
-      />
+      <Divider colorVariable="separatorColor" variant="fullWidth" />
       <Title size="XS">Sentinel</Title>
       <Spacer size="s" />
       <DatabaseForm