Remove unnecessary information from news, add some style

src/components/forms/EditEventForm.js

 import React, { Component } from 'react';
 import { Modal, Button, Form, Input, Icon } from 'semantic-ui-react';
 import { connect } from 'react-redux';
+import moment from 'moment';
 import { DateTimeInput } from 'semantic-ui-calendar-react';
 import {
   writeEditEvent,
@@ -72,7 +73,7 @@ class EditEventForm extends Component {
               label="Dátum:"
               dateFormat='YYYY-MM-DD'
               placeholder="Dátum"
-              value={date}
+              value={moment(date).format('YYYY-MM-DD hh:mm')}
               iconPosition="left"
               onChange={this.handleChange}
             />

src/components/pages/News.js

@@ -20,11 +20,12 @@ class News extends Component {
     return this.props.news.map(item => (
       <Item key={item.id}>
         <Item.Content>
+          <Container text textAlign='left'>
             <Item.Header
               style={{ fontSize: '2em', width: '100%' }}
             >
               <Grid>
-              <Grid.Column floated='center' width={12}>
+                <Grid.Column floated='left' width={8}>
                   {item.title}
                 </Grid.Column>
                 { this.props.user.role === 'Staff' ?
@@ -49,24 +50,11 @@ class News extends Component {
                   : null }
               </Grid>
             </Item.Header>
-          <Item.Description className='news-text' style={{ fontSize: '1.33em' }}>
+            <Item.Meta style={{ fontSize: '0.75em', fontStyle: 'italic' }}>Közzétéve: {moment(item.created_at).format('LLLL')}</Item.Meta>
+            <Item.Description className='news-text' style={{ fontSize: '1em' }}>
               {this.renderMultiLine(item.text)}
             </Item.Description>
-          <Item.Extra>
-            <Grid>
-              <Grid.Row className='news-extra'>
-                <Grid.Column floated='left' width={10}>
-                  <p> Készült: {moment(item.created_at).format('LLLL')} </p>
-                  <p> Szerkesztve: {moment(item.updated_at).format('LLLL')}</p>
-                </Grid.Column>
-                <Grid.Column floated='right' width={5}>
-                  <p> Írta: <strong>{item.author_name}</strong></p>
-                  {/* TODO get the edited by name */}
-                  <p> Szerkesztette: {item.author_name}</p>
-                </Grid.Column>
-              </Grid.Row>
-            </Grid>
-          </Item.Extra>
+        </Container>
         </Item.Content>
       </Item>
     ));

src/components/pages/Schedule.js

@@ -24,29 +24,31 @@ class Schedule extends Component {
 
     const events = this.props.events;
     const panels = events.map(event => (
-      <>
+      <div>
         <Accordion.Title
           active={activeIndex === event.id}
           index={event.id}
           onClick={this.handleClick}
         >
-          <h2>
+          <h3>
              <Grid>
               <Grid.Column floated='left' width={5} textAlign='left'>
-                 <Icon name='quidditch' color='blue' />{event.name}
+                 <Icon name='angle right' color='blue' />{event.name}
               </Grid.Column>
               <Grid.Column floated='right' width={8} textAlign='right'>
                 {moment(event.date).locale('hu').format('LLLL')}
               </Grid.Column>
             </Grid>
-          </h2>
+          </h3>
          </Accordion.Title>
          <Accordion.Content active={activeIndex === event.id}>
+           <Container text textAlign='left'>
            <p>
              {event.description}
            </p>
+           </Container>
          </Accordion.Content>
-        </>
+       </div>
        ));
 
     return (