From 38e6fd6c3820081382cf6e6a12e371ca1b613823 Mon Sep 17 00:00:00 2001
From: gael <gsimon@webgeoservices.com>
Date: Tue, 24 Oct 2023 08:59:57 +0200
Subject: [PATCH] slightly adapt style

---
 src/common-elements/headers.ts                        | 2 ++
 src/common-elements/panels.ts                         | 6 ++++++
 src/components/Parameters/Parameters.tsx              | 4 +++-
 src/components/Schema/ArraySchema.tsx                 | 1 +
 src/components/SecurityRequirement/styled.elements.ts | 3 +--
 5 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/common-elements/headers.ts b/src/common-elements/headers.ts
index 607019a3..3bb7161d 100644
--- a/src/common-elements/headers.ts
+++ b/src/common-elements/headers.ts
@@ -51,6 +51,8 @@ export const UnderlinedHeader = styled.h5`
   text-transform: uppercase;
   font-size: 0.929em;
   line-height: 20px;
+  border-bottom: 1px solid rgb(228, 231, 235);
+  padding-bottom: 0.8em;
 
   ${extensionsHook('UnderlinedHeader')};
 `;
diff --git a/src/common-elements/panels.ts b/src/common-elements/panels.ts
index 582426da..dd308a27 100644
--- a/src/common-elements/panels.ts
+++ b/src/common-elements/panels.ts
@@ -12,6 +12,12 @@ export const MiddlePanel = styled.div<{ $compact?: boolean }>`
       theme.spacing.sectionHorizontal
     }px`};
   `};
+  ${({ $compact, theme }) =>
+    media.lessThan('small', true)`
+    padding: ${`${$compact ? 0 : theme.spacing.sectionVertical / 2}px ${
+      theme.spacing.sectionHorizontal / 2
+    }px`};
+  `};
 `;
 
 export const Section = styled.div.attrs(props => ({
diff --git a/src/components/Parameters/Parameters.tsx b/src/components/Parameters/Parameters.tsx
index 5270d240..08ff2b1f 100644
--- a/src/components/Parameters/Parameters.tsx
+++ b/src/components/Parameters/Parameters.tsx
@@ -101,7 +101,9 @@ export function BodyContent(props: {
       {({ schema }) => {
         return (
           <>
-            {description !== undefined && <Markdown source={description} />}
+            {description !== undefined && <p></p> && (
+              <Markdown className={'description-body-request'} source={description} />
+            )}
             {schema?.type === 'object' && (
               <ConstraintsView constraints={schema?.constraints || []} />
             )}
diff --git a/src/components/Schema/ArraySchema.tsx b/src/components/Schema/ArraySchema.tsx
index 84bd716a..148a361c 100644
--- a/src/components/Schema/ArraySchema.tsx
+++ b/src/components/Schema/ArraySchema.tsx
@@ -10,6 +10,7 @@ import { ObjectSchema } from './ObjectSchema';
 
 const PaddedSchema = styled.div`
   padding-left: ${({ theme }) => theme.spacing.unit * 2}px;
+  padding-top: ${({ theme }) => theme.spacing.unit * 2}px;
 `;
 
 export class ArraySchema extends React.PureComponent<SchemaProps> {
diff --git a/src/components/SecurityRequirement/styled.elements.ts b/src/components/SecurityRequirement/styled.elements.ts
index 10771db6..8f44ae9c 100644
--- a/src/components/SecurityRequirement/styled.elements.ts
+++ b/src/components/SecurityRequirement/styled.elements.ts
@@ -102,8 +102,7 @@ export const Wrap = styled.div<{ $expanded?: boolean }>`
   width: 100%;
   display: flex;
   margin: 1em 0;
-  padding-bottom: 1em;
-  border-bottom: 1px solid rgb(228, 231, 235);
+  padding-bottom: 0.8em;
   flex-direction: ${p => (p.$expanded ? 'column' : 'row')};
   ${media.lessThan('small')`
     flex-direction: column;