From faa3a2ec91ba711d66ed0f94d8694cc8c4d17b9d Mon Sep 17 00:00:00 2001
From: Dmitry Kalinin <dmitry.kalinin@intel.com>
Date: Thu, 21 May 2020 14:56:07 +0300
Subject: [PATCH] Layout styles fixes

---
 .../src/components/create-task-page/styles.scss   |  3 ++-
 .../components/register-page/register-form.tsx    | 15 +++++++++++----
 .../components/register-page/register-page.tsx    |  5 +++--
 cvat-ui/src/components/register-page/styles.scss  |  7 +++++++
 cvat-ui/src/components/settings-page/styles.scss  |  3 ++-
 cvat-ui/src/components/tasks-page/top-bar.tsx     |  1 +
 6 files changed, 26 insertions(+), 8 deletions(-)
 create mode 100644 cvat-ui/src/components/register-page/styles.scss

diff --git a/cvat-ui/src/components/create-task-page/styles.scss b/cvat-ui/src/components/create-task-page/styles.scss
index df2bcc459cca..ccf664b2fcd4 100644
--- a/cvat-ui/src/components/create-task-page/styles.scss
+++ b/cvat-ui/src/components/create-task-page/styles.scss
@@ -8,7 +8,8 @@
     text-align: center;
     padding-top: 40px;
     overflow-y: auto;
-    height: 90%;
+    height: 100%;
+    padding-bottom: 40px;
 
     > div > span {
         font-size: 36px;
diff --git a/cvat-ui/src/components/register-page/register-form.tsx b/cvat-ui/src/components/register-page/register-form.tsx
index 813b7bbcaee1..daa38c8eddad 100644
--- a/cvat-ui/src/components/register-page/register-form.tsx
+++ b/cvat-ui/src/components/register-page/register-form.tsx
@@ -12,6 +12,7 @@ import Checkbox from 'antd/lib/checkbox';
 import patterns from 'utils/validation-patterns';
 
 import { UserAgreement } from 'reducers/interfaces'
+import { Row, Col } from 'antd/lib/grid';
 
 export interface UserConfirmation {
     name: string;
@@ -107,9 +108,9 @@ class RegisterFormComponent extends React.PureComponent<RegisterFormProps> {
         form.validateFields((error, values): void => {
             if (!error) {
                 values.confirmations = []
-                
+
                 for (const userAgreement of userAgreements) {
-                    
+
                     values.confirmations.push({
                         name: userAgreement.name,
                         value: values[userAgreement.name]
@@ -289,8 +290,14 @@ class RegisterFormComponent extends React.PureComponent<RegisterFormProps> {
 
         return (
             <Form onSubmit={this.handleSubmit} className='login-form'>
-                {this.renderFirstNameField()}
-                {this.renderLastNameField()}
+                <Row gutter={8}>
+                    <Col span={12}>
+                        {this.renderFirstNameField()}
+                    </Col>
+                    <Col span={12}>
+                        {this.renderLastNameField()}
+                    </Col>
+                </Row>
                 {this.renderUsernameField()}
                 {this.renderEmailField()}
                 {this.renderPasswordField()}
diff --git a/cvat-ui/src/components/register-page/register-page.tsx b/cvat-ui/src/components/register-page/register-page.tsx
index 872766fdb800..bdde506c92d7 100644
--- a/cvat-ui/src/components/register-page/register-page.tsx
+++ b/cvat-ui/src/components/register-page/register-page.tsx
@@ -2,6 +2,7 @@
 //
 // SPDX-License-Identifier: MIT
 
+import './styles.scss';
 import React from 'react';
 import { RouteComponentProps } from 'react-router';
 import { Link, withRouter } from 'react-router-dom';
@@ -29,8 +30,8 @@ function RegisterPageComponent(
         xs: { span: 14 },
         sm: { span: 14 },
         md: { span: 10 },
-        lg: { span: 4 },
-        xl: { span: 4 },
+        lg: { span: 6 },
+        xl: { span: 5 },
     };
 
     const {
diff --git a/cvat-ui/src/components/register-page/styles.scss b/cvat-ui/src/components/register-page/styles.scss
new file mode 100644
index 000000000000..3eaf5beaf515
--- /dev/null
+++ b/cvat-ui/src/components/register-page/styles.scss
@@ -0,0 +1,7 @@
+// Copyright (C) 2020 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
+
+.ant-form-item {
+    margin-bottom: 12px;
+}
\ No newline at end of file
diff --git a/cvat-ui/src/components/settings-page/styles.scss b/cvat-ui/src/components/settings-page/styles.scss
index b3d475725aeb..4858af603834 100644
--- a/cvat-ui/src/components/settings-page/styles.scss
+++ b/cvat-ui/src/components/settings-page/styles.scss
@@ -5,8 +5,9 @@
 @import '../../base.scss';
 
 .cvat-settings-page {
-    height: 90%;
+    height: 100%;
     overflow-y: auto;
+    padding-bottom: 15px;
 
     > div:nth-child(1) {
         margin-top: 30px;
diff --git a/cvat-ui/src/components/tasks-page/top-bar.tsx b/cvat-ui/src/components/tasks-page/top-bar.tsx
index 9f3c1e532024..72216d73003a 100644
--- a/cvat-ui/src/components/tasks-page/top-bar.tsx
+++ b/cvat-ui/src/components/tasks-page/top-bar.tsx
@@ -52,6 +52,7 @@ function TopBarComponent(props: VisibleTopBarProps & RouteComponentProps): JSX.E
                         onClick={
                             (): void => history.push('/tasks/create')
                         }
+                        icon='plus'
                     >
                          Create new task
                     </Button>