From 3a456acc0663e2456930696d0f09cab40b1a6def Mon Sep 17 00:00:00 2001
From: lwih <louis.hache@beta.gouv.fr>
Date: Tue, 21 Jan 2025 12:07:42 +0100
Subject: [PATCH] fix: padding on homepage v2

---
 .../mission-list-page-content-wrapper.tsx     | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/frontend/src/v2/features/common/components/layout/mission-list-page-content-wrapper.tsx b/frontend/src/v2/features/common/components/layout/mission-list-page-content-wrapper.tsx
index 13dd925da..250ca1521 100644
--- a/frontend/src/v2/features/common/components/layout/mission-list-page-content-wrapper.tsx
+++ b/frontend/src/v2/features/common/components/layout/mission-list-page-content-wrapper.tsx
@@ -1,6 +1,6 @@
-import React, { FC, ReactNode } from 'react'
-import { Col, FlexboxGrid, Loader, Stack } from 'rsuite'
-import { Icon } from '@mtes-mct/monitor-ui'
+import React, {FC, ReactNode} from 'react'
+import {Col, FlexboxGrid, Loader, Stack} from 'rsuite'
+import {Icon} from '@mtes-mct/monitor-ui'
 import Text from '@common/components/ui/text.tsx'
 
 interface MissionListContentWrapperProps {
@@ -14,48 +14,48 @@ interface MissionListContentWrapperProps {
 }
 
 const MissionListPageContentWrapper: FC<MissionListContentWrapperProps> = ({
-  title,
-  subtitle,
-  filters,
-  actions,
-  list,
-  loading,
-  hasMissions
-}) => {
+                                                                             title,
+                                                                             subtitle,
+                                                                             filters,
+                                                                             actions,
+                                                                             list,
+                                                                             loading,
+                                                                             hasMissions
+                                                                           }) => {
   return (
-    <Stack direction={'column'} style={{ width: '100%' }}>
-      <Stack.Item style={{ width: '100%' }}>
+    <Stack direction={'column'} style={{width: '100%'}}>
+      <Stack.Item style={{width: '100%'}}>
         <Stack
           direction={'row'}
           spacing={'0.5rem'}
           alignItems={'center'}
-          style={{ padding: '0 9.5rem', marginTop: '3rem' }}
+          style={{padding: '0 11.5rem', marginTop: '3rem'}}
         >
           <Stack.Item alignSelf={'baseline'}>
-            <Icon.MissionAction size={32} style={{ marginTop: '8px' }} />
+            <Icon.MissionAction size={32} style={{marginTop: '8px'}}/>
           </Stack.Item>
           <Stack.Item>
-            <Text as={'h1'} style={{ fontSize: '32px' }}>
+            <Text as={'h1'} style={{fontSize: '32px'}}>
               {title}
             </Text>
           </Stack.Item>
         </Stack>
       </Stack.Item>
       {subtitle && (
-        <Stack.Item style={{ width: '100%', padding: '0 9.5rem', marginTop: '4rem' }}>
+        <Stack.Item style={{width: '100%', padding: '0 11.5rem', marginTop: '4rem'}}>
           <Text as={'h1'}>{subtitle}</Text>
         </Stack.Item>
       )}
-      <Stack.Item style={{ width: '100%' }}>
-        <Stack direction="column" alignItems="flex-start" spacing="0.2rem" style={{ width: '100%' }}>
-          <Stack.Item style={{ width: '100%', height: '100%' }}>
-            <FlexboxGrid justify="center" style={{ padding: '2rem 2rem 4rem 2rem', display: 'flex', flex: 1 }}>
+      <Stack.Item style={{width: '100%'}}>
+        <Stack direction="column" alignItems="flex-start" spacing="0.2rem" style={{width: '100%'}}>
+          <Stack.Item style={{width: '100%', height: '100%'}}>
+            <FlexboxGrid justify="center" style={{padding: '2rem 2rem 4rem 2rem', display: 'flex', flex: 1}}>
               <FlexboxGrid.Item as={Col} colspan={24} xxl={20}>
                 {filters}
               </FlexboxGrid.Item>
               <FlexboxGrid.Item as={Col} colspan={24} xxl={20}>
                 {loading ? (
-                  <div style={{ marginTop: '25rem' }}>
+                  <div style={{marginTop: '25rem'}}>
                     <Loader
                       center={true}
                       size={'md'}
@@ -64,8 +64,8 @@ const MissionListPageContentWrapper: FC<MissionListContentWrapperProps> = ({
                     />
                   </div>
                 ) : !hasMissions ? (
-                  <div style={{ marginTop: '10rem' }}>
-                    <Text as={'h3'} style={{ textAlign: 'center' }}>
+                  <div style={{marginTop: '10rem'}}>
+                    <Text as={'h3'} style={{textAlign: 'center'}}>
                       Aucune mission pour cette période de temps.
                     </Text>
                   </div>