fix: fix item item login membership table layout

graasp · Aug 6, 2024 · e282e02 · e282e02
1 parent dac3622
commit e282e02
Showing 1 changed file with 12 additions and 5 deletions.
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">