diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts index 2c5c4dcc..8ca50deb 100644 --- a/src/common-elements/fields-layout.ts +++ b/src/common-elements/fields-layout.ts @@ -50,7 +50,6 @@ export const PropertyCell = styled.td<{ kind?: string }>` ${props => props.theme.schema.linesColor} 5px ); background-size: 1px 22px; - padding-bottom: 0; } tr.last + tr > & { @@ -172,6 +171,7 @@ export const PropertiesTable = styled.table` display: block; > tr, > tbody > tr { display: block; + padding-bottom:10px; } `} diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts index a5c378ee..d83e5ef5 100644 --- a/src/common-elements/fields.ts +++ b/src/common-elements/fields.ts @@ -49,7 +49,7 @@ export const ClickablePropertyNameCell = styled(PropertyNameCell)` `; export const FieldLabel = styled.span` - vertical-align: middle; + vertical-align: top; font-size: ${({ theme }) => theme.typography.code.fontSize}; line-height: 20px; `; diff --git a/src/components/Parameters/Parameters.tsx b/src/components/Parameters/Parameters.tsx index 08ff2b1f..99693313 100644 --- a/src/components/Parameters/Parameters.tsx +++ b/src/components/Parameters/Parameters.tsx @@ -13,6 +13,7 @@ import { Markdown } from '../Markdown/Markdown'; import { ConstraintsView } from '../Fields/FieldConstraints'; import { RequiredLabel } from '../../common-elements/fields'; import styled from '../../styled-components'; +import { ParameterDescriptionWrap } from './styled.elements'; function safePush(obj, prop, item) { if (!obj[prop]) { @@ -102,7 +103,9 @@ export function BodyContent(props: { return ( <> {description !== undefined &&
&& ( -