diff --git a/src/react/JSONTree/JSONArrayNode.js b/src/react/JSONTree/JSONArrayNode.js index 6bedd81a..f4e2f328 100644 --- a/src/react/JSONTree/JSONArrayNode.js +++ b/src/react/JSONTree/JSONArrayNode.js @@ -7,10 +7,10 @@ import grabNode from './grab-node'; const styles = { base: { position: 'relative', - paddingTop: 2, - paddingBottom: 2, - paddingRight: 4, - marginLeft: 3 + paddingTop: 3, + paddingBottom: 3, + paddingRight: 0, + marginLeft: 14 }, label: { margin: 0, diff --git a/src/react/JSONTree/JSONArrow.js b/src/react/JSONTree/JSONArrow.js index ee878d4f..4e94a8a8 100644 --- a/src/react/JSONTree/JSONArrow.js +++ b/src/react/JSONTree/JSONArrow.js @@ -3,10 +3,11 @@ import React from 'react'; const styles = { base: { display: 'inline-block', - marginLeft: -15, + marginLeft: 0, + marginTop: 8, + marginRight: 5, 'float': 'left', transition: '150ms', - marginTop: 7, WebkitTransition: '150ms', MozTransition: '150ms', borderLeft: '5px solid transparent', diff --git a/src/react/JSONTree/JSONBooleanNode.js b/src/react/JSONTree/JSONBooleanNode.js index 68e42dca..73b2ce9f 100644 --- a/src/react/JSONTree/JSONBooleanNode.js +++ b/src/react/JSONTree/JSONBooleanNode.js @@ -5,10 +5,10 @@ import hexToRgb from '../../utils/hexToRgb'; const styles = { base: { - paddingTop: 2, - paddingBottom: 2, - paddingRight: 4, - marginLeft: 10 + paddingTop: 3, + paddingBottom: 3, + paddingRight: 0, + marginLeft: 14 }, label: { display: 'inline-block', diff --git a/src/react/JSONTree/JSONNullNode.js b/src/react/JSONTree/JSONNullNode.js index 60f26e78..6e11298a 100644 --- a/src/react/JSONTree/JSONNullNode.js +++ b/src/react/JSONTree/JSONNullNode.js @@ -5,10 +5,10 @@ import hexToRgb from '../../utils/hexToRgb'; const styles = { base: { - paddingTop: 2, - paddingBottom: 2, - paddingRight: 4, - marginLeft: 10 + paddingTop: 3, + paddingBottom: 3, + paddingRight: 0, + marginLeft: 14 }, label: { display: 'inline-block', diff --git a/src/react/JSONTree/JSONNumberNode.js b/src/react/JSONTree/JSONNumberNode.js index 4a94d001..d8b2b9d5 100644 --- a/src/react/JSONTree/JSONNumberNode.js +++ b/src/react/JSONTree/JSONNumberNode.js @@ -5,10 +5,10 @@ import hexToRgb from '../../utils/hexToRgb'; const styles = { base: { - paddingTop: 2, - paddingBottom: 2, - paddingRight: 4, - marginLeft: 10 + paddingTop: 3, + paddingBottom: 3, + paddingRight: 0, + marginLeft: 14 }, label: { display: 'inline-block', diff --git a/src/react/JSONTree/JSONObjectNode.js b/src/react/JSONTree/JSONObjectNode.js index a476e19f..a1b55338 100644 --- a/src/react/JSONTree/JSONObjectNode.js +++ b/src/react/JSONTree/JSONObjectNode.js @@ -7,10 +7,9 @@ import grabNode from './grab-node'; const styles = { base: { position: 'relative', - paddingTop: 2, - paddingBottom: 2, - paddingRight: 4, - marginLeft: 3 + paddingTop: 3, + paddingBottom: 3, + marginLeft: 14 }, label: { margin: 0, diff --git a/src/react/JSONTree/JSONStringNode.js b/src/react/JSONTree/JSONStringNode.js index 8184d927..d687be37 100644 --- a/src/react/JSONTree/JSONStringNode.js +++ b/src/react/JSONTree/JSONStringNode.js @@ -5,10 +5,10 @@ import hexToRgb from '../../utils/hexToRgb'; const styles = { base: { - paddingTop: 2, - paddingBottom: 2, - paddingRight: 4, - marginLeft: 10 + paddingTop: 3, + paddingBottom: 3, + paddingRight: 0, + marginLeft: 14 }, label: { display: 'inline-block', diff --git a/src/react/JSONTree/index.js b/src/react/JSONTree/index.js index 4c59723f..bbac9580 100644 --- a/src/react/JSONTree/index.js +++ b/src/react/JSONTree/index.js @@ -12,7 +12,10 @@ const styles = { tree: { border: 0, padding: 0, - margin: 0, + marginTop: 8, + marginBottom: 8, + marginLeft: 2, + marginRight: 0, fontSize: '0.90em', listStyle: 'none', MozUserSelect: 'none', diff --git a/src/react/LogMonitorEntry.js b/src/react/LogMonitorEntry.js index 6dea8f3b..8934940b 100644 --- a/src/react/LogMonitorEntry.js +++ b/src/react/LogMonitorEntry.js @@ -8,7 +8,7 @@ const styles = { WebkitUserSelect: 'none' }, tree: { - paddingLeft: 5 + paddingLeft: 0 } }; @@ -72,9 +72,7 @@ export default class LogMonitorEntry { onClick={::this.handleActionClick} style={{...styles.entry, ...styleEntry}}/> {!collapsed && -
+
{this.printState(state, error)}
}