layout: minor fixes

Components/Calculation/Form/index.jsx

@@ -15,9 +15,12 @@ const formTabs = [Leasing, Payments, LeasingObject, SupplierAgent, Insurance, Ad
 const Wrapper = styled(Background)`
   padding: 4px 6px;
 
+  ${min('tablet')} {
+    min-height: 790px;
+  }
+
   ${min('laptop')} {
     padding: 4px 6px 10px;
-    min-height: 770px;
   }
 `;
 

Components/Calculation/Settings/index.jsx

@@ -7,8 +7,11 @@ import { rows } from './config';
 const Wrapper = styled(Background)`
   padding: 4px 10px;
 
+  ${min('tablet')} {
+    min-height: 790px;
+  }
+
   ${min('laptop')} {
-    min-height: 770px;
     padding: 4px 18px 10px;
   }
 `;

Components/Layout/Element.tsx

@@ -20,11 +20,7 @@ const ElementTitle = styled.h5`
 
 export function Head({ title, addon }: { title: string; addon?: ReactNode }) {
   return (
-    <Flex
-      flexDirection={['column', 'row']}
-      justifyContent={['', 'space-between']}
-      alignItems={['', 'center']}
-    >
+    <Flex flexDirection={['row']} justifyContent={['space-between']} alignItems={['center']}>
       <ElementTitle>{title}</ElementTitle>
       {addon}
     </Flex>