fix: fix item item login membership table layout (#1401)

* fix: fix item item login membership table layout * fix: remove duplicate mode button
graasp · Aug 6, 2024 · aeb17a4 · aeb17a4
1 parent dac3622
commit aeb17a4
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/components/item/FolderContent.tsx b/src/components/item/FolderContent.tsx
@@ -58,12 +58,9 @@ const Content = ({ item, searchText, items, sortBy }: Props) => {
 
   if (mode === ItemLayoutMode.Map) {
     return (
-      <>
-        <Stack direction="row" justifyContent="right">
-          <ModeButton />
-        </Stack>
+      <Box mt={1}>
         <DesktopMap parentId={item.id} />
-      </>
+      </Box>
     );
   }
 

diff --git a/src/components/item/sharing/ItemMembershipsTable.tsx b/src/components/item/sharing/ItemMembershipsTable.tsx
@@ -91,20 +91,23 @@ const ItemMembershipsTable = ({
         <TableHead>
           <TableRow>
             {showEmail && (
-              <TableCell>
+              <TableCell sx={{ fontWeight: 'bold' }}>
                 {translateBuilder(BUILDER.ITEM_MEMBERSHIPS_TABLE_EMAIL_HEADER)}
               </TableCell>
             )}
-            <TableCell align="right">
+            <TableCell
+              sx={{ fontWeight: 'bold' }}
+              align={showEmail ? 'right' : 'left'}
+            >
               {translateBuilder(BUILDER.ITEM_MEMBERSHIPS_TABLE_NAME_HEADER)}
             </TableCell>
-            <TableCell align="right">
+            <TableCell sx={{ fontWeight: 'bold' }} align="right">
               {translateBuilder(
                 BUILDER.ITEM_MEMBERSHIPS_TABLE_PERMISSION_HEADER,
               )}
             </TableCell>
             {!readOnly && (
-              <TableCell align="right">
+              <TableCell sx={{ fontWeight: 'bold' }} align="right">
                 {translateBuilder(
                   BUILDER.ITEM_MEMBERSHIPS_TABLE_ACTIONS_HEADER,
                 )}
@@ -126,7 +129,11 @@ const ItemMembershipsTable = ({
                     <Typography noWrap>{row.member.email}</Typography>
                   </TableCell>
                 )}
-                <TableCell component="th" align="right" scope="row">
+                <TableCell
+                  component="th"
+                  align={showEmail ? 'right' : 'left'}
+                  scope="row"
+                >
                   <Typography noWrap>{row.member.name}</Typography>
                 </TableCell>
                 <TableCell align="right">