luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix style

Browse Source
This commit is contained in:
Thomas Nordquist
2019-02-17 11:11:52 +01:00
parent 804c96d041
commit 6f3a5beeaa
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/ConnectionSetup/ProfileList.tsx
View File

@@ -26,7 +26,7 @@ class ProfileList extends React.Component<Props, {}> {
} }
private addConnectionButton() { private addConnectionButton() {
return <AddButton action={this.props.actions.createConnection} /> return <span id="addProfileButton" style={{ marginRight: '12px' }}><AddButton action={this.props.actions.createConnection} /></span>
} }
public render() { public render() {
@@ -34,7 +34,7 @@ class ProfileList extends React.Component<Props, {}> {
<List <List
style={{ height: '100%' }} style={{ height: '100%' }}
component="nav" component="nav"
subheader={<ListSubheader component="div">{this.addConnectionButton()} Connections</ListSubheader>} subheader={<ListSubheader component="div">{this.addConnectionButton()}Connections</ListSubheader>}
> >
<div className={this.props.classes.list}> <div className={this.props.classes.list}>
{Object.values(this.props.connections).map(connection => <ConnectionItem connection={connection} key={connection.id} selected={this.props.selected === connection.id} />)} {Object.values(this.props.connections).map(connection => <ConnectionItem connection={connection} key={connection.id} selected={this.props.selected === connection.id} />)}
@@ -95,7 +95,7 @@ const connectionItemRenderer = withStyles(connectionItemStyle)((props: Connectio
{props.connection.name || 'mqtt broker'} {props.connection.name || 'mqtt broker'}
</Typography> </Typography>
<Typography className={props.classes.details}> <Typography className={props.classes.details}>
{ connection && connection.url } {connection && connection.url}
</Typography> </Typography>
</ListItem> </ListItem>
) )