Give tags their own column

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' }}>
+									</Table.Cell>
+									<Table.Cell>
 										{!!x.tags && x.tags.split(',').map(name =>
 											<Label color={tags[name]} tag>
 												{name}
 											</Label>
 										)}
-										</span>
 									</Table.Cell>
 								</Table.Row>
 							)