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 = () => ( ) )} */} - Evo Calculator + EVO Calculator );