From 276ef31b74f0b2569a52b1920cc6851c60bd520d Mon Sep 17 00:00:00 2001
From: Andrea Gueugnaut <andrea.gueugnaut@gmail.com>
Date: Wed, 18 Dec 2024 11:12:05 +0100
Subject: [PATCH] fix(frontend): fix header alignment

---
 .../SelectableListHeader/SelectableListHeader.tsx   | 13 ++++++++-----
 frontend/src/views/HousingList/HousingListTab.tsx   |  4 ++--
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/SelectableListHeader/SelectableListHeader.tsx b/frontend/src/components/SelectableListHeader/SelectableListHeader.tsx
index a8c2ec85b..4459d12d2 100644
--- a/frontend/src/components/SelectableListHeader/SelectableListHeader.tsx
+++ b/frontend/src/components/SelectableListHeader/SelectableListHeader.tsx
@@ -46,10 +46,6 @@ function SelectableListHeader(props: SelectableListHeaderProps) {
     </>
   );
 
-  const classes = classNames(styles.selectableListHeader, {
-    [styles.selectableListHeaderInfo]: selected > 0
-  });
-
   if (!hasSelected() && props.default) {
     return props.default;
   }
@@ -69,7 +65,14 @@ function SelectableListHeader(props: SelectableListHeaderProps) {
       }}
     >
       <Grid xs="auto">{selectedCount}</Grid>
-      <Grid sx={{ display: 'flex', justifyContent: 'flex-end' }} xs>
+      <Grid
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'flex-end'
+        }}
+        xs
+      >
         <SelectableListHeaderActions {...actions?.props} />
       </Grid>
     </Grid>
diff --git a/frontend/src/views/HousingList/HousingListTab.tsx b/frontend/src/views/HousingList/HousingListTab.tsx
index ccfb09071..b63baf87f 100644
--- a/frontend/src/views/HousingList/HousingListTab.tsx
+++ b/frontend/src/views/HousingList/HousingListTab.tsx
@@ -240,7 +240,7 @@ const HousingListTab = ({
         <SelectableListHeader entity="logement" default={<></>}>
           <SelectableListHeaderActions>
             {filteredHousingCount !== undefined && filteredHousingCount > 0 && (
-              <div>
+              <>
                 {selectedCount > 1 && (
                   <Button
                     className="fr-mr-1w"
@@ -280,7 +280,7 @@ const HousingListTab = ({
                   onSubmit={submitSelectedHousingUpdate}
                   onClose={() => setUpdatingSelectedHousing(undefined)}
                 />
-              </div>
+              </>
             )}
           </SelectableListHeaderActions>
         </SelectableListHeader>