Merge pull request #12 from agentlab/issue-9-form-styles

[FIX] GH-9 form fields are more compact now
agentlab · Sep 8, 2021 · b204431 · b204431
2 parents 27aaf1e + baacaff
commit b204431
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/layouts/AntdFormLayout.tsx b/src/layouts/AntdFormLayout.tsx
@@ -95,7 +95,7 @@ export const AntdFormLayout: React.FC<any> = ({
         <div style={{ width, height, overflow: 'auto' }} onClick={() => onEdit()}>
           <span style={{ padding: '7px', fontSize: '2em' }}>{title}</span>
           <LogicalButton form={id} onSave={onSave} onCancel={onCancel} />
-          <Form {...formItemLayout}>
+          <Form labelAlign={'left'}>
             <AntdVerticalLayoutWithStore
               id={`${id}Layout`}
               viewKind={viewKind}

diff --git a/src/layouts/form.css b/src/layouts/form.css
@@ -27,3 +27,7 @@
   color: rgb(255, 255, 255);
   background-color: rgba(145, 145, 145, 0.616);
 }
+
+.ant-form-item {
+  margin-bottom: 2px;
+}