fix(core-blocks): CB-338 checkbox styles

webapp/packages/core-blocks/src/FormControls/Checkboxes/FieldCheckbox.tsx

@@ -14,9 +14,8 @@ import { baseFormControlStyles } from '../baseFormControlStyles';
 import { Checkbox, CheckboxType, CheckboxControlledProps, CheckboxObjectProps } from './Checkbox';
 
 const fieldCheckboxStyles = css`
-  field {
-    margin-left: -10px;
-    margin-right: -10px;
+  Checkbox {
+    margin: -10px;
   }
 `;
 

webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/Options/Options.tsx

@@ -49,6 +49,7 @@ const styles = css`
   }
   TabPanel {
     flex-direction: column;
+    max-width: 630px;
   }
 `;
 

webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/Options/ParametersForm.tsx

@@ -22,12 +22,6 @@ interface ParametersFormProps {
   embedded?: boolean;
 }
 
-const styles = css`
-  layout-grid-inner {
-    max-width: 630px;
-  }
-`;
-
 export const ParametersForm = observer(function ParametersForm({
   connection,
   embedded,
@@ -35,7 +29,7 @@ export const ParametersForm = observer(function ParametersForm({
 }: ParametersFormProps) {
   const translate = useTranslate();
 
-  return styled(useStyles(formStyles, styles))(
+  return styled(useStyles(formStyles))(
     <>
       {!embedded && (
         <layout-grid-inner as="div">

webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/Options/formStyles.ts

@@ -19,7 +19,7 @@ export const formStyles = css`
     flex: 1;
   }
   connection-type {
-    margin-left: 150px;
+    margin-left: 180px;
   }
   Radio {
     composes: theme-typography--body1 from global;

webapp/packages/core-connections/src/Administration/Connections/CreateConnection/CreateConnection.tsx

@@ -52,7 +52,7 @@ const styles = composes(
     connection-create {
       display: flex;
       flex-direction: column;
-      height: 570px;
+      height: 540px;
       overflow: hidden;
     }