Small style changes

src/components/pages/Profile.js

 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,9 +23,16 @@ class Profile extends Component {
       nick, groups, motivation, signed, id,
     } = this.props;
     return (
-      <div>
-        <Segment textAlign='center' vertical>
-          <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
@@ -35,6 +42,7 @@ class Profile extends Component {
               placeholder='Becenév'
               value={nick}
             />
+
             <Divider horizontal>Motivációs levél</Divider>
             <Form.TextArea
               rows={10}
@@ -43,6 +51,7 @@ class Profile extends Component {
               placeholder='Miért szeretnék jelentkezni...'
               value={motivation}
             />
+
             <Divider horizontal>Érdekelt Körök</Divider>
             <Dropdown
               fluid
@@ -70,9 +79,8 @@ class Profile extends Component {
               Mentés
             </Form.Button>
           </Form>
-          </Container>
         </Segment>
-      </div>
+      </Container>
     );
   }
 }