solves #16

src/components/pages/Profile.js

 import React, { Component } from 'react';
-import { Container, Segment, Form, Dropdown, Divider, Header } from 'semantic-ui-react';
+import { Container, Form, Dropdown, Divider } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import { textChange, submitRegistration, groupChange } from '../../actions';
 
@@ -29,15 +29,11 @@ class Profile extends Component {
           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'
+            label='Becenév'
             onChange={e => this.props.textChange(e)}
             placeholder='Becenév'
             value={nick}
@@ -47,6 +43,7 @@ class Profile extends Component {
           <Form.TextArea
             rows={10}
             name='motivationAbout'
+            label='Mesélj nekünk egy kicsit magadról. Milyen szakmai vagy más eredményeket értél el, amikre büszke vagy?'
             onChange={e => this.props.textChange(e)}
             placeholder='Mesélj nekünk egy kicsit magadról. Milyen szakmai vagy más eredményeket értél el, amikre büszke vagy?'
             value={motivationAbout}
@@ -55,6 +52,7 @@ class Profile extends Component {
           <Divider horizontal />
           <Form.TextArea
             rows={10}
+            label='Mit vársz el a képzéstõl, miért szeretnél rá jelentkezni, szerinted mire tudod majd használni az itt megszerzett tudást? Mit szeretnél elérni a szakmádban?'
             name='motivationProfession'
             onChange={e => this.props.textChange(e)}
             placeholder='Mit vársz el a képzéstõl, miért szeretnél rá jelentkezni, szerinted mire tudod majd használni az itt megszerzett tudást? Mit szeretnél elérni a szakmádban?'
@@ -66,7 +64,18 @@ class Profile extends Component {
             rows={10}
             name='motivationExercise'
             onChange={e => this.props.textChange(e)}
-              placeholder='Itt egy feladat kérdése lesz, éjfélig megcsináljuk a kérdést.'
+            placeholder=''
+            label={
+              <p>
+                Alább találsz néhány elgondolkodtató kérdést, megoldandó feladatot. A kérdések és feladatok elkészítése opcionális, nem titkolt célunk ezzel a lelkesedés felmérése. A válaszokat a lenti szövegdobozba várjuk a feladatszámok megjelölésével.
+                <br />
+                Szeretnéd kedvenc tantárgyad vik.wiki oldalát elérni, de szomorúan látod, hogy az oldal nem jön be. A Steam pedig hibátlanul megy a háttérben és az emailek is megérkeznek... Szobatársadnak pont megvan a vik.wiki szerverének IP-címe. Csodálkozva látod, hogy a böngésző címsorába írva eléred a kiszolgáló webszervert. Mi lehet a baj?
+                <br />
+                Két előadás közti szünetben úgy döntesz, hogy laptopoddal az index.hu tech cikkeit fogod görgetni. Ám az oldal nem válaszol. Sőt: a régebbi oldalak többsége sem. Ugyanakkor a Facebook, Gmail, de még az egyetemi oldalak többsége is működik. Van valami ötleted mi okozhatja a gondot?
+                <br />
+                Találsz egy értelmetlen szöveget egy honlapon (például: https://static.mbraptor.ml/zebra.html), de feltűnik, hogy két egyenlőségjellel fejeződik be. Nyomozz, s a végeredményt (amit találtál) írd ide!
+              </p>
+            }
             value={motivationExercise}
           />
 
@@ -90,6 +99,7 @@ class Profile extends Component {
             checked={signed}
           />
           <Form.Button
+            primary
             onClick={() => this.props.submitRegistration({
               nick, motivationAbout, motivationProfession, motivationExercise, signed, groups, id,
             })}
@@ -97,7 +107,6 @@ class Profile extends Component {
             Mentés
           </Form.Button>
         </Form>
-        </Segment>
       </Container>
     );
   }