From 0c4e7a22c50a8bc77cb2bfbe572810f79c1dd306 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chif=20Gerg=C5=91?= <chifgeri97@gmail.com>
Date: Sat, 2 Feb 2019 17:29:01 +0100
Subject: [PATCH] Fix news title grid width and the grid in trainee table

---
 src/components/pages/News.js            | 5 ++++-
 src/components/pages/TraineeTableRow.js | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/News.js b/src/components/pages/News.js
index a94b43d..1b19ba0 100644
--- a/src/components/pages/News.js
+++ b/src/components/pages/News.js
@@ -25,7 +25,10 @@ class News extends Component {
               style={{ fontSize: '2em', width: '100%' }}
             >
               <Grid>
-                <Grid.Column floated='left' width={8}>
+                <Grid.Column
+                  floated='left'
+                  width={this.props.user.role === 'Staff' ? 12 : 16}
+                >
                   {item.title}
                 </Grid.Column>
                 { this.props.user.role === 'Staff' ?
diff --git a/src/components/pages/TraineeTableRow.js b/src/components/pages/TraineeTableRow.js
index 34e58c3..215ef8e 100644
--- a/src/components/pages/TraineeTableRow.js
+++ b/src/components/pages/TraineeTableRow.js
@@ -75,7 +75,7 @@ class TraineeTableRow extends Component {
         <Table.Cell>
           <Grid>
             <Grid.Row>
-              <Grid.Column floated='left' width={8} textAlign='left'>
+              <Grid.Column floated='left' width={11} textAlign='left'>
 
                 {notes.length > 0 ?
                   <Comment>
@@ -92,7 +92,7 @@ class TraineeTableRow extends Component {
                   null
                  }
               </Grid.Column>
-              <Grid.Column floated='right' width={4} textAlign='right'>
+              <Grid.Column floated='right' width={5} textAlign='right'>
                 {notes.length > 0 ?
                   <CommentModal notes={notes} />
              :
-- 
GitLab