Fix sidebar layout

2019-07-13 14:22:42 +02:00
parent e8e8926757
commit fd2c78eea0
1 changed files with 3 additions and 3 deletions
--- a/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx
+++ b/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx
@@ -41,13 +41,13 @@ function ValuePanel(props: Props) {
    }

    return (
-      <div style={{ width: '100%', display: 'flex', paddingLeft: '8px' }}>
+      <div style={{ width: '100%', display: 'flex', paddingLeft: '8px', flexWrap: 'wrap' }}>
        <span style={{ marginTop: '2px', flexGrow: 1 }}>
          <ActionButtons />
        </span>
-        <div style={{ flex: 6, textAlign: 'right' }}>
+        <span style={{ flex: 6, textAlign: 'right' }}>
          {props.node.mqttMessage.retain ? <DeleteSelectedTopicButton /> : null}
-        </div>
+        </span>
        {messageMetaInfo()}
      </div>
    )