Fix members table column alignment (#12298)

Fixes: #12287 


![image](https://github.com/user-attachments/assets/4f8e8c9e-cf0a-4fa8-b129-087c29a8fd94)

---------

Co-authored-by: Divyanshu Lohani <DivyanshuLohani@users.noreply.github.com>
Co-authored-by: etiennejouan <jouan.etienne@gmail.com>
This commit is contained in:
DivyanshuLohani
2025-05-28 17:29:07 +00:00
committed by GitHub
co-authored by Divyanshu Lohani etiennejouan
parent 081376f594
commit 76d0be7f81
@@ -308,13 +308,13 @@ export const SettingsWorkspaceMembers = () => {
{isNonEmptyArray(workspaceInvitations) && (
<StyledTable>
<TableRow
gridAutoColumns="150px 1fr 1fr"
gridAutoColumns="250px 1fr 1fr"
mobileGridAutoColumns="100px 1fr 1fr"
>
<TableHeader>
<Trans>Email</Trans>
</TableHeader>
<TableHeader align={'right'}>
<TableHeader align={'center'}>
<Trans>Expires in</Trans>
</TableHeader>
<TableHeader></TableHeader>
@@ -322,7 +322,7 @@ export const SettingsWorkspaceMembers = () => {
<StyledTableRows>
{workspaceInvitations?.map((workspaceInvitation) => (
<TableRow
gridAutoColumns="150px 1fr 1fr"
gridAutoColumns="250px 1fr 1fr"
mobileGridAutoColumns="100px 1fr 1fr"
key={workspaceInvitation.id}
>
@@ -337,7 +337,7 @@ export const SettingsWorkspaceMembers = () => {
{workspaceInvitation.email}
</StyledTextContainerWithEllipsis>
</TableCell>
<TableCell align={'right'}>
<TableCell align={'center'}>
<Status
color={'gray'}
text={getExpiresAtText(workspaceInvitation.expiresAt)}