From 2438a6c92d1d0685c6f7cdecd4e13d9e56cd06f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=BB=D0=B0=D0=B4=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=20?=
 =?UTF-8?q?=D0=A7=D0=B8=D0=BA=D0=B0=D0=BB=D0=BA=D0=B8=D0=BD?=
 <vchikalkin@evoleasing.ru>
Date: Thu, 3 Sep 2020 13:27:32 +0300
Subject: [PATCH] fix ui

---
 src/client/Containers/Calculation/Sections/index.jsx | 6 +++---
 src/client/Elements/Background.jsx                   | 7 ++++++-
 src/client/Layout/index.jsx                          | 2 +-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/client/Containers/Calculation/Sections/index.jsx b/src/client/Containers/Calculation/Sections/index.jsx
index 2558e54..c8d8b2a 100644
--- a/src/client/Containers/Calculation/Sections/index.jsx
+++ b/src/client/Containers/Calculation/Sections/index.jsx
@@ -11,9 +11,9 @@ const { TabPane } = Tabs;
 
 const InputWrapper = styled(Box)`
   width: 100%;
-  ${mq.desktop`flex: 2 0 23%;
-    width:23%;
-  `}
+  // ${mq.desktop`flex: 2 0 23%;
+  //   width:23%;
+  // `}
   margin: 8px 8px;
 
   // ${(props) => props.newLine && 'flex-basis: 100%;'}
diff --git a/src/client/Elements/Background.jsx b/src/client/Elements/Background.jsx
index 38ec280..5839450 100644
--- a/src/client/Elements/Background.jsx
+++ b/src/client/Elements/Background.jsx
@@ -1,13 +1,18 @@
 import colors from 'client/UIKit/colors';
 import { Box, Flex } from 'client/UIKit/grid';
 import styled from 'styled-components';
+import mq from 'client/UIKit/mq';
 
 const Background = styled(Flex)`
   background: ${colors.white[0]};
-  margin: 10px 10px;
   padding: 10px 18px;
+  margin: 7px 0 10px;
+  ${mq.desktop` 
+  margin: 10px 10px;
+  `}
   box-shadow: 4px 5px 17px -11px rgba(0, 0, 0, 0.75);
   flex: ${(props) => props.flex};
+  max-width: 100%;
 `;
 
 export default Background;
diff --git a/src/client/Layout/index.jsx b/src/client/Layout/index.jsx
index d039693..f6d41d2 100644
--- a/src/client/Layout/index.jsx
+++ b/src/client/Layout/index.jsx
@@ -15,7 +15,7 @@ const Header = () => (
           </Link>
         )
     )} */}
-    <LogoText>Evo Calculator</LogoText>
+    <LogoText>EVO Calculator</LogoText>
   </Flex>
 );