diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts index 2a78d4f0..c6004c58 100644 --- a/src/common-elements/fields-layout.ts +++ b/src/common-elements/fields-layout.ts @@ -48,7 +48,7 @@ export const PropertyCell = styled.td` border-left-color: transparent; } - tr:only-child > & { + tr.last:first-child > & { background: none; border-left-color: transparent; } diff --git a/src/components/Fields/Field.tsx b/src/components/Fields/Field.tsx index b12f6bac..3715e361 100644 --- a/src/components/Fields/Field.tsx +++ b/src/components/Fields/Field.tsx @@ -1,7 +1,8 @@ +import { observer } from 'mobx-react'; import * as React from 'react'; -import { FieldDetails } from './FieldDetails'; import { ClickablePropertyNameCell, RequiredLabel } from '../../common-elements/fields'; +import { FieldDetails } from './FieldDetails'; import { InnerPropertiesWrap, @@ -26,7 +27,8 @@ export interface FieldProps extends SchemaOptions { renderDiscriminatorSwitch?: (opts: FieldProps) => JSX.Element; } -export class Field extends React.PureComponent { +@observer +export class Field extends React.Component { toggle = () => { this.props.field.toggle(); };