From dbbe482e8d3b5e9195fa511f72f7a5e326edb07e Mon Sep 17 00:00:00 2001
From: dzannotti <d.zannotti@me.com>
Date: Mon, 10 Aug 2015 15:04:16 +0100
Subject: [PATCH] fixed typo that forced payload never to appear

---
 src/react/LogMonitorEntryAction.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/react/LogMonitorEntryAction.js b/src/react/LogMonitorEntryAction.js
index c22d64a5..ae782257 100644
--- a/src/react/LogMonitorEntryAction.js
+++ b/src/react/LogMonitorEntryAction.js
@@ -15,7 +15,6 @@ const styles = {
     marginBottom: 1
   },
   payload: {
-    backgroundColor: '#252c33',
     paddingLeft: 15
   }
 };
@@ -24,7 +23,10 @@ export default class LogMonitorAction extends React.Component {
 
   renderPayload(payload) {
     return (
-      <div style={styles.payload}>
+      <div style={{
+        ...styles.payload,
+        backgroundColor: this.props.theme.base01
+      }}>
         { Object.keys(payload).length > 0 ? <JSONTree theme={this.props.theme} keyName={'payload'} data={payload}/> : '' }
       </div>
     );
@@ -35,13 +37,13 @@ export default class LogMonitorAction extends React.Component {
     return (
       <div style={{
         ...styles.wrapper,
-        backgroundColor: this.props.theme.base01,
+        backgroundColor: this.props.theme.base02,
         borderTopColor: this.props.theme.base00,
-        borderBottomColor: this.props.theme.base02,
+        borderBottomColor: this.props.theme.base03,
         ...this.props.style
       }} onClick={this.props.onClick}>
         <div style={styles.actionBar}>{type}</div>
-        {!this.props.collapsed ? '' : ''}
+        {!this.props.collapsed ? this.renderPayload(payload) : ''}
       </div>
     );
   }