Style tables like in homework page, style the buttons

src/components/forms/AddEventForm.js

@@ -31,9 +31,12 @@ class AddEventForm extends Component {
         open={this.state.showModal}
         trigger={
           <Button
+            inverted
+            color='green'
             size='big'
             onClick={() => { this.setState({ showModal: true }); }}
-          >Alkalom hozzáadása
+          >
+            <Icon name='plus' />Alkalom hozzáadása
           </Button>
         }
       >

src/components/forms/AddNewsForm.js

@@ -20,9 +20,12 @@ class AddNewsForm extends Component {
         open={this.state.showModal}
         trigger={
           <Button
+            inverted
+            color='green'
             size='big'
             onClick={() => { this.setState({ showModal: true }); }}
-          >Hír hozzáadása
+          >
+            <Icon name='plus' />Hír hozzáadása
           </Button>
         }
       >

src/components/forms/EditEventForm.js

@@ -34,11 +34,12 @@ class EditEventForm extends Component {
         open={this.state.showModal}
         trigger={
           <Button
-            compact
+            inverted
+            color='orange'
             onClick={() => { this.props.onClick();
                              this.setState({ showModal: true }); }}
-            size='mini'
           >
+            <Icon name='edit'/>
             Szerkeszt
           </Button>
         }

src/components/pages/Applications.js

@@ -79,7 +79,7 @@ class Applications extends Component {
           padding: '80px'
         }}
       >
-        <Table color='blue' celled selectable compact>
+        <Table color='blue' selectable compact>
           <Table.Header>
             <Table.Row>
               <Table.HeaderCell>Jelentkezettek</Table.HeaderCell>

src/components/pages/EventDetail.js

@@ -109,11 +109,11 @@ class EventDetail extends Component {
             ''
         }
         </Container>
-          <Table celled centered>
+          <Table centered>
             <Table.Header>
               <Table.Row>
                 <Table.HeaderCell>Név</Table.HeaderCell>
-                <Table.HeaderCell>Jelen volt</Table.HeaderCell>
+                <Table.HeaderCell textAlign='center'>Jelen volt</Table.HeaderCell>
                 <Table.HeaderCell>Megjegyzések</Table.HeaderCell>
               </Table.Row>
             </Table.Header>
@@ -126,12 +126,16 @@ class EventDetail extends Component {
             </Table.Body>
           </Table>
           <Button
+            inverted
+            color='orange'
             onClick={() => this.setState({ edit: true })}
           >
           Szerkeszt
           </Button>
           { this.state.edit ?
             <Button
+              inverted
+              color='blue'
               onClick={() => {
                               this.setState({ edit: false });
                               this.props.submitVisitors(this.props.selectedEvent);

src/components/pages/Events.js

 import React, { Component } from 'react';
 import moment from 'moment';
 import { Link } from 'react-router-dom';
-import { Container, Table, Button } from 'semantic-ui-react';
+import { Container, Table, Button, Icon } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import { getStaffEvents, deleteEvent, selectEventForEdit } from '../../actions/statistics';
 import AddEventForm from '../forms/AddEventForm';
@@ -24,21 +24,21 @@ class Events extends Component {
         </Table.Cell>
         <Table.Cell>{moment(event.date).format('LL')}</Table.Cell>
         <Table.Cell>{event.visitor_number}</Table.Cell>
-        <Table.Cell>
+        <Table.Cell textAlign='center'>
+          <EditEventForm onClick={() => this.props.selectEventForEdit(event)} />
           <ConfirmModal
             text={`törölni akarod a következő alkalmat:${event.name}`}
             button={
               <Button
-                compact
+                inverted
                 color='red'
-                size='mini'
               >
-              Törlés
+                <Icon name='x' />
+                Törlés
               </Button>
                }
             onAccept={() => this.props.deleteEvent(event)}
           />
-          <EditEventForm onClick={() => this.props.selectEventForEdit(event)} />
         </Table.Cell>
       </Table.Row>
     );
@@ -48,7 +48,7 @@ class Events extends Component {
   render() {
     return (
       <Container textAlign='center'>
-        <Table color='blue' celled selectable compact>
+        <Table color='blue' selectable compact>
           <Table.Header>
             <Table.Row>
               <Table.HeaderCell>Alkalom neve</Table.HeaderCell>

src/components/pages/Trainees.js

@@ -43,7 +43,7 @@ class Trainees extends Component {
 
   renderTableHeader() {
     return (this.props.events.map(event => (
-      <Table.HeaderCell>
+      <Table.HeaderCell textAlign='center'>
         {event.name}
       </Table.HeaderCell>)));
   }
@@ -51,7 +51,7 @@ class Trainees extends Component {
   render() {
     return (
       <Container textAlign='center'>
-        <Table color='blue' celled selectable compact>
+        <Table color='blue' selectable compact>
           <Table.Header>
             <Table.Row>
               <Table.HeaderCell>Képződők</Table.HeaderCell>