#RI-2756 - Selecting Use SNI, checkbox is moved up

Author: egor-zalenski

redisinsight/ui/src/pages/home/components/AddInstanceForm/InstanceForm/InstanceForm.tsx

@@ -822,7 +822,7 @@ const AddStandaloneForm = (props: Props) => {
               />
             </EuiFlexItem>
             {formik.values.sni && (
-              <EuiFlexItem className={flexItemClassName} style={{ flexBasis: '255px' }}>
+              <EuiFlexItem className={flexItemClassName} style={{ flexBasis: '255px', marginTop: 0 }}>
                 <EuiFormRow label="Server Name*" style={{ paddingTop: 0 }}>
                   <EuiFieldText
                     name="servername"
@@ -940,7 +940,7 @@ const AddStandaloneForm = (props: Props) => {
         </EuiFlexGroup>
       )}
       {formik.values.tls && formik.values.tlsClientAuthRequired && (
-        <div className="boxSection">
+        <div className="boxSection" style={{ marginTop: 15 }}>
           <EuiFlexGroup className={flexGroupClassName}>
             <EuiFlexItem className={flexItemClassName}>
               <EuiFormRow label="Client Certificate*">

redisinsight/ui/src/pages/home/components/AddInstanceForm/InstanceForm/styles.module.scss

@@ -117,10 +117,9 @@
 :global(.euiFlexGroup--gutterLarge) > .dbInput {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
-  padding-bottom: 10px;
+  padding-bottom: 20px;
 
   &.dbInputBig{
-    padding-bottom: 20px;
     max-width: calc(50% - 24px);
   }
 }
@@ -153,20 +152,17 @@
 
 .tlsContainer {
   min-height: 90px;
-  padding: 12px 0 15px;
+  padding: 12px 0 10px;
   flex-wrap: wrap;
 
   :global(.euiCheckbox) {
     padding-bottom: 10px !important;
   }
+
 }
 
 .tlsSniOpened {
-  padding-top: 0 !important;
-
-  :global(.euiFlexItem) {
-    margin-top: 0 !important;
-  }
+  padding-bottom: 0;
 }
 
 .fullWidth {

redisinsight/ui/src/pages/home/styles.scss

@@ -318,6 +318,7 @@
     background-color: var(--euiColorLightestShade) !important;
     border: 1px solid var(--euiColorLightShade);
     border-radius: 4px;
+    margin-top: 10px;
 
     .euiSelect,
     .euiSuperSelectControl,