From 865f3ced4b7fc3134685e2bc6387f3136bc38fbe Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Fri, 24 Aug 2018 11:39:18 +0300
Subject: [PATCH] fix: addd indent to array schema internals

---
 src/components/Schema/ArraySchema.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Schema/ArraySchema.tsx b/src/components/Schema/ArraySchema.tsx
index c71faedbdd..eb8124b2f3 100644
--- a/src/components/Schema/ArraySchema.tsx
+++ b/src/components/Schema/ArraySchema.tsx
@@ -3,6 +3,11 @@ import * as React from 'react';
 import { Schema, SchemaProps } from './Schema';
 
 import { ArrayClosingLabel, ArrayOpenningLabel } from '../../common-elements';
+import styled from '../../styled-components';
+
+const PaddedSchema = styled.div`
+  padding-left: ${({ theme }) => theme.spacing.unit * 2}px;
+`;
 
 export class ArraySchema extends React.PureComponent<SchemaProps> {
   render() {
@@ -10,7 +15,9 @@ export class ArraySchema extends React.PureComponent<SchemaProps> {
     return (
       <div>
         <ArrayOpenningLabel> Array </ArrayOpenningLabel>
-        <Schema {...this.props} schema={itemsSchema} />
+        <PaddedSchema>
+          <Schema {...this.props} schema={itemsSchema} />
+        </PaddedSchema>
         <ArrayClosingLabel />
       </div>
     );