From b706d561aaf7a1e163e2f8de2f82eb2da68d2d1d Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Sat, 26 Jan 2019 00:00:46 +0100
Subject: [PATCH] Fix json preview alignment

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

diff --git a/app/src/components/Sidebar/ValueRenderer.tsx b/app/src/components/Sidebar/ValueRenderer.tsx
index 6afa0bf..6a88fd7 100644
--- a/app/src/components/Sidebar/ValueRenderer.tsx
+++ b/app/src/components/Sidebar/ValueRenderer.tsx
@@ -12,7 +12,7 @@ interface Props {
 
 class ValueRenderer extends React.Component<Props, {}> {
   public render() {
-    return <div>{this.renderValue()}</div>
+    return <div style={{ padding: '8px 0px 8px 8px' }}>{this.renderValue()}</div>
   }
 
   public renderValue() {
@@ -49,13 +49,13 @@ class ValueRenderer extends React.Component<Props, {}> {
 
   private renderRawValue(value: string) {
     const style: React.CSSProperties = {
-      backgroundColor: 'rgba(80, 80, 80, 0.6)',
+      padding: '8px 12px 8px 12px',
+      backgroundColor: 'rgba(100, 100, 100, 0.55)',
       wordBreak: 'break-all',
       width: '100%',
       overflow: 'auto hidden',
       display: 'block',
       lineHeight: '1.2em',
-      padding: '12px 5px 12px 5px',
       color: this.props.theme.palette.text.primary,
     }