feat: improve layout

AtelierdeParis · Jan 22, 2025 · 97f76f6 · 97f76f6
1 parent 406185e
commit 97f76f6
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/web/components/Account/Application/Place/ApplicationPlaceListItem.tsx b/web/components/Account/Application/Place/ApplicationPlaceListItem.tsx
@@ -1,4 +1,4 @@
-import { Button, HStack, Text } from '@chakra-ui/react'
+import { Box, Button, HStack, Text } from '@chakra-ui/react'
 import { useTranslation } from 'next-i18next'
 import { Fragment } from 'react'
 import ApplicationDownloadButton from '~components/Account/Application/Place/ApplicationDownloadButton'
@@ -49,7 +49,9 @@ const ApplicationPlaceListItem = ({ application, onSelect }: Props) => {
       {['preselections', 'closed']?.includes(selectedCampaign?.mode) && (
         <Cell cursor="default">
           <HStack spacing={2} width="100%" justifyContent="flex-end">
-            <ApplicationCountAlert applicationId={application?.id} onlyIcon />
+            <Box marginRight="1rem">
+              <ApplicationCountAlert applicationId={application?.id} onlyIcon />
+            </Box>
             <ApplicationDownloadButton application={application} />
             <Button
               px={2}

diff --git a/web/components/Account/Application/Place/DetailDrawer/ApplicationCountAlert.tsx b/web/components/Account/Application/Place/DetailDrawer/ApplicationCountAlert.tsx
@@ -30,7 +30,7 @@ const ApplicationCountAlert = ({
           isDisabled={!onlyIcon}
           label={t('place.detail.preselected_count')}
         >
-          <Box color="gray.400">
+          <Box color="gray.400" opacity={0.7}>
             <Warning />
           </Box>
         </Tooltip>

diff --git a/web/components/Account/Application/Place/DetailDrawer/ApplicationRightPanel.tsx b/web/components/Account/Application/Place/DetailDrawer/ApplicationRightPanel.tsx
@@ -1,4 +1,4 @@
-import { Button, Divider, Text, VStack } from '@chakra-ui/react'
+import { Box, Button, Divider, Text, VStack } from '@chakra-ui/react'
 import { useTranslation } from 'next-i18next'
 import ApplicationDownload from 'public/assets/img/applicationDownload.svg'
 import ApplicationCountAlert from '~components/Account/Application/Place/DetailDrawer/ApplicationCountAlert'
@@ -53,7 +53,9 @@ const ApplicationRightPanel = ({
           hasValidatedApplications={hasValidatedApplications}
         />
       </VStack>
-      <ApplicationCountAlert applicationId={application.id} />
+      <Box pl="0.5rem">
+        <ApplicationCountAlert applicationId={application.id} />
+      </Box>
       <Divider />
       {/* @ts-expect-error */}
       <ApplicationDetailInfos company={application?.company} />