slightly adapt style

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;
     }
   `}
 

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;
 `;

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 && <p></p> && (
-              <Markdown className={'description-body-request'} source={description} />
+              <ParameterDescriptionWrap>
+                <Markdown source={description} />
+              </ParameterDescriptionWrap>
             )}
             {schema?.type === 'object' && (
               <ConstraintsView constraints={schema?.constraints || []} />

src/components/Parameters/styled.elements.tsx

@@ -0,0 +1,5 @@
+import styled from '../../styled-components';
+
+export const ParameterDescriptionWrap = styled.div`
+  padding-bottom: 10px;
+`;