From fa3805460c883c41b3f611cff6f3c3ed69b556a8 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Tue, 16 Apr 2019 12:48:50 +0200
Subject: [PATCH] Fix ValueRenderer button / time positioning

---
 app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx b/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx
index 5955218..177a190 100644
--- a/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx
+++ b/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx
@@ -73,7 +73,7 @@ class ValuePanel extends React.Component<Props, State> {
           size="small"
           color="secondary"
           variant="contained"
-          style={{ marginTop: '-3px', padding: '0px 4px', minHeight: '24px' }}
+          style={{ marginTop: '11px', padding: '0px 4px', minHeight: '24px' }}
           onClick={this.props.sidebarActions.clearRetainedTopic}
         >
           retained <Clear style={{ fontSize: '16px', marginLeft: '2px' }} />
@@ -83,7 +83,7 @@ class ValuePanel extends React.Component<Props, State> {
 
     return (
       <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' }}>
           {this.props.node.mqttMessage.retain ? retainedButton : null}
         </div>
@@ -98,7 +98,7 @@ class ValuePanel extends React.Component<Props, State> {
     }
 
     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' }}><i><DateFormatter date={this.props.node.message.received} /></i></Typography>
       </span>