[TaskControl] style

Author: Dmitry Yadrikhinsky

src/App.global.less

@@ -3,3 +3,8 @@
   flex: 1;
   height: 100%;
 }
+
+.ant-layout-header {
+  display: flex;
+  align-items: center;
+}

src/screens/Main.less

@@ -0,0 +1,3 @@
+.flex-1 {
+  flex: 1
+}

src/screens/Main.tsx

@@ -3,6 +3,8 @@ import { Route, Switch, Link } from 'react-router-dom';
 import { Layout } from 'antd';
 import { observer } from 'mobx-react';
 
+import './Main.less';
+
 import Projects from './projects/Projects';
 import TaskControl from './projects/components/TaskControl/TaskControl';
 import HeaderMenu from '../components/HeaderMenu';
@@ -13,15 +15,14 @@ export default observer(function Main() {
   return (
     <Layout className="layout">
       <Header>
-        <div>
-          <HeaderMenu>
-            <Link to="/hours">Hours</Link>
-          </HeaderMenu>
-          <HeaderMenu>
-            <Link to="/projects">Projects</Link>
-          </HeaderMenu>
-          <TaskControl />
-        </div>
+        <HeaderMenu>
+          <Link to="/hours">Hours</Link>
+        </HeaderMenu>
+        <HeaderMenu>
+          <Link to="/projects">Projects</Link>
+        </HeaderMenu>
+        <span className="flex-1" />
+        <TaskControl />
       </Header>
       <Switch>
         <Route path="/hours">