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

Fix ValueRenderer button / time positioning

Browse Source
This commit is contained in:
Thomas Nordquist
2019-04-16 12:48:50 +02:00
parent c2885c4829
commit fa3805460c
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/Sidebar/ValueRenderer/ValuePanel.tsx
View File

@@ -73,7 +73,7 @@ class ValuePanel extends React.Component<Props, State> {
size="small" size="small"
color="secondary" color="secondary"
variant="contained" variant="contained"
style={{ marginTop: '-3px', padding: '0px 4px', minHeight: '24px' }} style={{ marginTop: '11px', padding: '0px 4px', minHeight: '24px' }}
onClick={this.props.sidebarActions.clearRetainedTopic} onClick={this.props.sidebarActions.clearRetainedTopic}
> >
retained <Clear style={{ fontSize: '16px', marginLeft: '2px' }} /> retained <Clear style={{ fontSize: '16px', marginLeft: '2px' }} />
@@ -83,7 +83,7 @@ class ValuePanel extends React.Component<Props, State> {
return ( return (
<div style={{ width: '100%', display: 'flex', paddingLeft: '8px' }}> <div style={{ width: '100%', display: 'flex', paddingLeft: '8px' }}>
<span style={{ marginTop: '-8px', flexGrow: 1 }}>{this.renderActionButtons()}</span> <span style={{ marginTop: '2px', flexGrow: 1 }}>{this.renderActionButtons()}</span>
<div style={{ flex: 6, textAlign: 'right' }}> <div style={{ flex: 6, textAlign: 'right' }}>
{this.props.node.mqttMessage.retain ? retainedButton : null} {this.props.node.mqttMessage.retain ? retainedButton : null}
</div> </div>
@@ -98,7 +98,7 @@ class ValuePanel extends React.Component<Props, State> {
} }
return ( return (
<span style={{ width: '100%', paddingLeft: '8px', flex: 6, marginTop: '-14px' }}> <span style={{ width: '100%', paddingLeft: '8px', flex: 6 }}>
<Typography style={{ textAlign: 'right' }}>QoS: {this.props.node.mqttMessage.qos}</Typography> <Typography style={{ textAlign: 'right' }}>QoS: {this.props.node.mqttMessage.qos}</Typography>
<Typography style={{ textAlign: 'right' }}><i><DateFormatter date={this.props.node.message.received} /></i></Typography> <Typography style={{ textAlign: 'right' }}><i><DateFormatter date={this.props.node.message.received} /></i></Typography>
</span> </span>