From 65ad007fa2b6d564c167686fba6916b36f0ecc56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Barnab=C3=A1s=20Cz=C3=A9m=C3=A1n?= <trabarni@gmail.com>
Date: Sat, 3 Feb 2018 23:42:19 +0100
Subject: [PATCH] Small style changes

---
 src/components/pages/Profile.js | 108 +++++++++++++++++---------------
 1 file changed, 58 insertions(+), 50 deletions(-)

diff --git a/src/components/pages/Profile.js b/src/components/pages/Profile.js
index 0389ad9..8f0f725 100644
--- a/src/components/pages/Profile.js
+++ b/src/components/pages/Profile.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Container, Segment, Form, Dropdown, Divider } from 'semantic-ui-react';
+import { Container, Segment, Form, Dropdown, Divider, Card, Header } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import { textChange, submitRegistration, groupChange } from '../../actions';
 
@@ -23,56 +23,64 @@ class Profile extends Component {
       nick, groups, motivation, signed, id,
     } = this.props;
     return (
-      <div>
-        <Segment textAlign='center' vertical>
-          <Container>
-            <Form>
-              <Divider horizontal>BecenĂŠv</Divider>
-              <Form.Input
-                fluid
-                name='nick'
-                onChange={e => this.props.textChange(e)}
-                placeholder='BecenĂŠv'
-                value={nick}
-              />
-              <Divider horizontal>MotivĂĄciĂłs levĂŠl</Divider>
-              <Form.TextArea
-                rows={10}
-                name='motivation'
-                onChange={e => this.props.textChange(e)}
-                placeholder='MiĂŠrt szeretnĂŠk jelentkezni...'
-                value={motivation}
-              />
-              <Divider horizontal>Érdekelt Körök</Divider>
-              <Dropdown
-                fluid
-                multiple
-                selection
-                placeholder='DevTeam, ...'
-                onChange={(_, v) => this.props.groupChange(v.value)}
-                options={options}
-                defaultValue={groups}
-              />
-              <br />
-              <Form.Checkbox
-                name='signed'
-                label='SzeretnĂŠk jelentkezni a KSZK-ba'
-                onChange={(_, v) =>
-                  this.props.textChange({ target: { name: v.name, value: v.checked } })
-                }
-                checked={signed}
-              />
-              <Form.Button
-                onClick={() => this.props.submitRegistration({
-                  nick, motivation, signed, groups, id,
-                })}
-              >
-                MentĂŠs
-              </Form.Button>
-            </Form>
-          </Container>
+      <Container
+        style={{
+          marginBottom: '0.5em',
+          marginTop: '0.5em',
+        }}
+      >
+        <Divider horizontal>
+          <Header as='h2' content='Profil (JelentkezĂŠs)' />
+        </Divider>
+        <Segment textAlign='center'>
+          <Form>
+            <Divider horizontal>BecenĂŠv</Divider>
+            <Form.Input
+              fluid
+              name='nick'
+              onChange={e => this.props.textChange(e)}
+              placeholder='BecenĂŠv'
+              value={nick}
+            />
+
+            <Divider horizontal>MotivĂĄciĂłs levĂŠl</Divider>
+            <Form.TextArea
+              rows={10}
+              name='motivation'
+              onChange={e => this.props.textChange(e)}
+              placeholder='MiĂŠrt szeretnĂŠk jelentkezni...'
+              value={motivation}
+            />
+
+            <Divider horizontal>Érdekelt Körök</Divider>
+            <Dropdown
+              fluid
+              multiple
+              selection
+              placeholder='DevTeam, ...'
+              onChange={(_, v) => this.props.groupChange(v.value)}
+              options={options}
+              defaultValue={groups}
+            />
+            <br />
+            <Form.Checkbox
+              name='signed'
+              label='SzeretnĂŠk jelentkezni a KSZK-ba'
+              onChange={(_, v) =>
+                this.props.textChange({ target: { name: v.name, value: v.checked } })
+              }
+              checked={signed}
+            />
+            <Form.Button
+              onClick={() => this.props.submitRegistration({
+                nick, motivation, signed, groups, id,
+              })}
+            >
+              MentĂŠs
+            </Form.Button>
+          </Form>
         </Segment>
-      </div>
+      </Container>
     );
   }
 }
-- 
GitLab