UI fixes in Results

src/client/Containers/Calculation/Results/index.jsx

@@ -1,16 +1,22 @@
 import { Divider } from 'antd';
 import Background from 'client/Elements/Background';
-import { PrimaryText } from 'client/Elements/Text';
+import { SecondaryText } from 'client/Elements/Text';
 import Title from 'client/Elements/Title';
 import React from 'react';
 
 const Results = props => (
   <Background flex="1 0 20%" justifyContent="center">
-    <PrimaryText>Расчет осуществляется по Интересу:</PrimaryText>
-    <PrimaryText>Лизинговой сделке:</PrimaryText>
-    <Divider />
+    <SecondaryText>Расчет осуществляется по Интересу:</SecondaryText>
+    <SecondaryText>Лизинговой сделке:</SecondaryText>
+    <Divider style={styles.divider} />
     <Title text="Результаты" />
   </Background>
 );
 
+const styles = {
+  divider: {
+    margin: '12px 0',
+  },
+};
+
 export default Results;

src/client/Elements/Text.jsx

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 import { Flex } from 'client/UIKit/grid';
+import colors from 'client/UIKit/colors';
 
 export const LogoText = styled(Flex)`
   color: white;
@@ -14,3 +15,7 @@ export const PrimaryText = styled.p`
   font-weight: 600;
   margin: 5px 0;
 `;
+
+export const SecondaryText = styled(PrimaryText)`
+  color: ${colors.black[500]};
+`;