From c2a2b4174251b25a2cc31b335d109f186ea3a25e Mon Sep 17 00:00:00 2001
From: gael <gsimon@webgeoservices.com>
Date: Tue, 24 Oct 2023 12:03:44 +0200
Subject: [PATCH] slightly adapt style

---
 src/common-elements/fields-layout.ts          | 2 +-
 src/common-elements/fields.ts                 | 2 +-
 src/components/Parameters/Parameters.tsx      | 5 ++++-
 src/components/Parameters/styled.elements.tsx | 5 +++++
 4 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 src/components/Parameters/styled.elements.tsx

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 && <p></p> && (
-              <Markdown className={'description-body-request'} source={description} />
+              <ParameterDescriptionWrap>
+                <Markdown source={description} />
+              </ParameterDescriptionWrap>
             )}
             {schema?.type === 'object' && (
               <ConstraintsView constraints={schema?.constraints || []} />
diff --git a/src/components/Parameters/styled.elements.tsx b/src/components/Parameters/styled.elements.tsx
new file mode 100644
index 00000000..d3c52bb7
--- /dev/null
+++ b/src/components/Parameters/styled.elements.tsx
@@ -0,0 +1,5 @@
+import styled from '../../styled-components';
+
+export const ParameterDescriptionWrap = styled.div`
+  padding-bottom: 10px;
+`;