fix: enum list doesn't wrap

fixes #993
Redocly · Aug 1, 2019 · bfbb0c1 · bfbb0c1
1 parent aba45db
commit bfbb0c1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git 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
@@ -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>
           );
         })}