From 5836053171c8135184d8e50226bba0cdf1506355 Mon Sep 17 00:00:00 2001
From: Chika <djchikalkin@gmail.com>
Date: Tue, 21 Jun 2022 16:09:52 +0300
Subject: [PATCH] Calculation: beautify Form Component

---
 Components/Calculation/Form/index.jsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/Components/Calculation/Form/index.jsx b/Components/Calculation/Form/index.jsx
index a4a0c1e..65bc807 100644
--- a/Components/Calculation/Form/index.jsx
+++ b/Components/Calculation/Form/index.jsx
@@ -13,10 +13,18 @@ import SupplierAgent from './SupplierAgent';
 const formTabs = [Leasing, Payments, LeasingObject, SupplierAgent, Insurance, AddProduct, CreateKP];
 
 const Wrapper = styled(Background)`
-  padding: 4px 10px;
+  padding: 4px 6px;
 
   ${min('laptop')} {
-    padding: 4px 18px 10px;
+    padding: 4px 6px;
+  }
+`;
+
+const ComponentWrapper = styled.div`
+  padding: 0 4px;
+
+  ${min('laptop')} {
+    padding: 0 12px;
   }
 `;
 
@@ -26,7 +34,9 @@ function Form() {
       <Tabs type="card" tabBarGutter="5px">
         {formTabs.map(({ id, title, Component }) => (
           <Tabs.TabPane tab={title} key={id}>
-            <Component />
+            <ComponentWrapper>
+              <Component />
+            </ComponentWrapper>
           </Tabs.TabPane>
         ))}
       </Tabs>