From 52b9ab314eefe5e096c48839c35f8e0c0f8523fc Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Fri, 28 Jan 2022 08:22:51 +0000
Subject: [PATCH] Give tags their own column

---
 webclient/src/Courses.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/webclient/src/Courses.js b/webclient/src/Courses.js
index 0aaf90f..4a406d5 100644
--- a/webclient/src/Courses.js
+++ b/webclient/src/Courses.js
@@ -87,6 +87,7 @@ export function Courses(props) {
 					<Table.Header>
 						<Table.Row>
 							<Table.HeaderCell>Name</Table.HeaderCell>
+							<Table.HeaderCell></Table.HeaderCell>
 						</Table.Row>
 					</Table.Header>
 
@@ -96,13 +97,13 @@ export function Courses(props) {
 								<Table.Row key={x.id}>
 									<Table.Cell>
 										<Link to={'/courses/'+x.id}>{x.name}</Link>
-										<span style={{ marginLeft: '2rem' }}>
-											{!!x.tags && x.tags.split(',').map(name =>
-												<Label color={tags[name]} tag>
-													{name}
-												</Label>
-											)}
-										</span>
+									</Table.Cell>
+									<Table.Cell>
+										{!!x.tags && x.tags.split(',').map(name =>
+											<Label color={tags[name]} tag>
+												{name}
+											</Label>
+										)}
 									</Table.Cell>
 								</Table.Row>
 							)