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