UI fixes

src/client/App.tsx

@@ -1,22 +1,26 @@
-import "mobx-react/batchingForReactDom";
-import { StoreProvider } from "client/contexts/storeContext";
-import theme from "client/UIKit/theme";
-import React from "react";
-import { BrowserRouter } from "react-router-dom";
-import { ThemeProvider } from "styled-components";
-import "./App.css";
-import Layout from "./Layout";
+import 'mobx-react/batchingForReactDom';
+import { StoreProvider } from 'client/contexts/storeContext';
+import theme from 'client/UIKit/theme';
+import React from 'react';
+import { BrowserRouter } from 'react-router-dom';
+import { ThemeProvider } from 'styled-components';
+import './App.css';
+import Layout from './Layout';
+import { ConfigProvider } from 'antd';
+import ruRu from 'antd/es/locale/ru_RU';
 
 function App() {
   return (
     <div className="App">
-      <ThemeProvider theme={theme}>
-        <StoreProvider>
-          <BrowserRouter>
-            <Layout />
-          </BrowserRouter>
-        </StoreProvider>
-      </ThemeProvider>
+      <ConfigProvider locale={ruRu}>
+        <ThemeProvider theme={theme}>
+          <StoreProvider>
+            <BrowserRouter>
+              <Layout />
+            </BrowserRouter>
+          </StoreProvider>
+        </ThemeProvider>
+      </ConfigProvider>
     </div>
   );
 }

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

@@ -4,6 +4,7 @@ import { Box, Flex } from 'client/UIKit/grid';
 import React from 'react';
 import styled from 'styled-components';
 import SectionsList from './list';
+import withTitle from 'client/hocs/withTitle';
 
 const { TabPane } = Tabs;
 
@@ -17,11 +18,11 @@ const Sections = props => (
     <Tabs type="line">
       {SectionsList.map(({ title, elements }, i) => (
         <TabPane tab={title} key={i}>
-          <Flex>
-            {elements.map(({ Component, props }, ie) => {
+          <Flex alignItems="flex-end">
+            {elements.map(({ title, Component, props }, ie) => {
               return (
                 <InputWrapper key={ie}>
-                  <Component {...props} />
+                  {withTitle(title)(Component)(props)}
                 </InputWrapper>
               );
             })}

src/client/Elements/Title.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 const TitleText = styled.div`
-  font-size: 1.3rem;
+  font-size: 1.25rem;
   font-weight: 500;
 `;