fix: addd indent to array schema internals

Redocly · Aug 24, 2018 · 865f3ce · 865f3ce
1 parent 39b930d
commit 865f3ce
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/Schema/ArraySchema.tsx b/src/components/Schema/ArraySchema.tsx
@@ -3,14 +3,21 @@ 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() {
     const itemsSchema = this.props.schema.items!;
     return (
       <div>
         <ArrayOpenningLabel> Array </ArrayOpenningLabel>
-        <Schema {...this.props} schema={itemsSchema} />
+        <PaddedSchema>
+          <Schema {...this.props} schema={itemsSchema} />
+        </PaddedSchema>
         <ArrayClosingLabel />
       </div>
     );