fix(frontend): fix header alignment

MTES-MCT · Dec 18, 2024 · 276ef31 · 276ef31
1 parent 58a3264
commit 276ef31
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git 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
@@ -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>