From baacafff1e4e24ba1f2e69bbee31ab6b8a43cd0b Mon Sep 17 00:00:00 2001
From: Artyom <artkrygin@yandex.ru>
Date: Wed, 8 Sep 2021 02:48:35 +0300
Subject: [PATCH] GH-9 [FIX] form fields are more compact now

---
 src/layouts/AntdFormLayout.tsx | 2 +-
 src/layouts/form.css           | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/layouts/AntdFormLayout.tsx b/src/layouts/AntdFormLayout.tsx
index 5315555..f96a942 100644
--- 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
index 0830417..296d520 100644
--- 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;
+}