Remove segment from groups page, add padding to comments in EventDeail.

src/components/pages/CommentModal.js

@@ -9,9 +9,9 @@ class CommentModal extends Component {
     const { notes, user } = this.props;
     return notes.map((note) => {
       return (
-        <Comment key={note.id}>
+        <Comment style={{ padding: '1em' }} stylekey={note.id}>
           <Comment.Content>
-            <Comment.Author>{note.created_by_name}</Comment.Author>
+            <Comment.Author><strong>{note.created_by_name}</strong></Comment.Author>
             <Comment.Text>
               {note.note}
             </Comment.Text>

src/components/pages/EventDetail.js

@@ -118,7 +118,7 @@ class EventDetail extends Component {
               </Table.Row>
             </Table.Header>
             <Table.Body>
-              { this.props.selectedEvent ?
+              { this.props.selectedEvent && this.props.trainees ?
                 this.renderTrainees()
                 :
                 ''

src/components/pages/Groups.js

@@ -6,22 +6,6 @@ export default class Groups extends Component {
   render() {
     return (
       <div>
-        <Segment inverted textAlign='center' vertical>
-          <Container>
-            <Header
-              as='h1'
-              content='Köreink'
-              inverted
-              style={{
-                fontSize: '3em',
-                fontWeight: 'normal',
-                marginBottom: 0,
-                marginTop: '0.5em',
-              }}
-            />
-          </Container>
-        </Segment>
-
         <Segment style={{ padding: '8em 0em' }} vertical>
           <Container text>
             <Header as='h3' style={{ fontSize: '2em' }}>DevTeam</Header>