From fd2c78eea0977b25b748e69ebb0f4c749514e6ca Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Sat, 13 Jul 2019 14:22:42 +0200
Subject: [PATCH] Fix sidebar layout

---
 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 a268618..9996f62 100644
--- 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>
     )