Move logout, add info, and VPN warning

webclient/src/App.js

@@ -208,9 +208,6 @@ class App extends Component {
 			network ?
 				<div>
 					<Menu fixed='top' borderless inverted>
-						<Menu.Item onClick={this.confirmLogout}>
-							<Icon name='user close' size='big' />
-						</Menu.Item>
 						<Menu.Item as={Link} to='/'>
 							<Icon name='home' size='big' />
 						</Menu.Item>
@@ -218,6 +215,9 @@ class App extends Component {
 							<Icon name='circle' color={connected && toolStatus ? 'green' : 'red'} />
 							{connected && toolStatus ? 'Connected' : 'Disconnected'}
 						</Menu.Item>
+						<Menu.Item onClick={this.confirmLogout} position='right'>
+							<Icon name='user close' size='big' />
+						</Menu.Item>
 					</Menu>
 					<div style={{height: '70px', display: 'inline-block'}} />
 
@@ -306,6 +306,9 @@ class App extends Component {
 					<Header inverted icon>
 						<Icon color='red' name='wifi' />
 						Please connect to the "Protospace" wifi
+						<br />
+						<br />
+						Disconnect from any VPNs
 					</Header>
 					<br />
 					<Button size='big' inverted icon labelPosition='left' onClick={this.handleRefresh}>

webclient/src/Tool.js

@@ -76,28 +76,8 @@ class Tool extends Component {
 						</div>
 					</Segment>
 
-					<Table basic='very' unstackable>
+					<Header as='h4'>Information</Header>
-						<Table.Body>
+					<p>{tool.info}</p>
-							<Table.Row>
-								<Table.Cell>Cat</Table.Cell>
-								<Table.Cell>Meow</Table.Cell>
-							</Table.Row>
-							<Table.Row>
-								<Table.Cell>Dog</Table.Cell>
-								<Table.Cell warning>
-									<Icon name='attention' />
-									Bark
-								</Table.Cell>
-							</Table.Row>
-							<Table.Row>
-								<Table.Cell>Bird</Table.Cell>
-								<Table.Cell>Chrip</Table.Cell>
-							</Table.Row>
-						</Table.Body>
-					</Table>
-
-					<Header as='h4'>Notes</Header>
-					<p>{tool.notes}</p>
 				</Segment>
 			</Container>
 		);