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