From bfbb0c178779288acd24c0d319e9c4c4a43141b9 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Thu, 1 Aug 2019 10:32:09 +0300
Subject: [PATCH] fix: enum list doesn't wrap

fixes #993
---
 src/common-elements/fields.ts        | 1 -
 src/components/Fields/EnumValues.tsx | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
index 65b826a6..3b93e43b 100644
--- a/src/common-elements/fields.ts
+++ b/src/common-elements/fields.ts
@@ -69,7 +69,6 @@ export const ExampleValue = styled(FieldLabel)`
     background-color: ${transparentize(0.95, theme.colors.text.primary)};
     color: ${transparentize(0.1, theme.colors.text.primary)};
 
-    margin: ${theme.spacing.unit}px;
     padding: 0 ${theme.spacing.unit}px;
     border: 1px solid ${transparentize(0.9, theme.colors.text.primary)};
     font-family: ${theme.typography.code.fontFamily};
diff --git a/src/components/Fields/EnumValues.tsx b/src/components/Fields/EnumValues.tsx
index e0e9a81f..09032147 100644
--- a/src/components/Fields/EnumValues.tsx
+++ b/src/components/Fields/EnumValues.tsx
@@ -23,12 +23,12 @@ export class EnumValues extends React.PureComponent<EnumValuesProps> {
         <FieldLabel>
           {type === 'array' ? l('enumArray') : ''}{' '}
           {values.length === 1 ? l('enumSingleValue') : l('enum')}:
-        </FieldLabel>
+        </FieldLabel>{' '}
         {values.map((value, idx) => {
           const exampleValue = enumSkipQuotes ? value : JSON.stringify(value);
           return (
             <React.Fragment key={idx}>
-              <ExampleValue>{exampleValue}</ExampleValue>
+              <ExampleValue>{exampleValue}</ExampleValue>{' '}
             </React.Fragment>
           );
         })}