From b6d74a5dd5c9f117def1d542c89f979428697003 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Thu, 9 Nov 2023 23:43:46 +0300
Subject: [PATCH] apps/web: Form ui improvements

---
 apps/web/components/Form.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/Form.tsx b/apps/web/components/Form.tsx
index 30ccd04..982109a 100644
--- a/apps/web/components/Form.tsx
+++ b/apps/web/components/Form.tsx
@@ -12,7 +12,7 @@ export function Form({ data, metaData, title }: Props) {
   return (
     <Background>
       <Heading size={2}>{title}</Heading>
-      <div className="mt-1 grid auto-rows-auto grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3">
+      <div className="mt-2 grid auto-rows-auto grid-cols-1 gap-2 gap-x-4 md:grid-cols-2 lg:grid-cols-3">
         {Object.keys(metaData).map((name) => {
           const { fieldType, label, max, min = 0, visible, ...props } = metaData[name];
 
@@ -39,7 +39,7 @@ export function Form({ data, metaData, title }: Props) {
         })}
       </div>
       <Divider />
-      <div className="grid grid-cols-1 gap-2 md:grid-cols-3">
+      <div className="grid grid-cols-1 gap-2 gap-x-4 md:grid-cols-3">
         <Button>Сохранить</Button>
         <Button>Возврат на доработку</Button>
         <Button color="danger">Отмена</Button>