From 8b5ea3c5d3af5e904467591b9e066488b6a4abc1 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Wed, 2 Oct 2024 12:00:42 +0200
Subject: [PATCH] fix: email verified check is in a newline in users table
 (#1218)

---
 .../[locale]/manage/users/_components/user-list.tsx | 13 +++++++------
 packages/translation/src/lang/en.ts                 |  1 +
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/apps/nextjs/src/app/[locale]/manage/users/_components/user-list.tsx b/apps/nextjs/src/app/[locale]/manage/users/_components/user-list.tsx
index 4989367ef..9bb51106f 100644
--- a/apps/nextjs/src/app/[locale]/manage/users/_components/user-list.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/users/_components/user-list.tsx
@@ -2,7 +2,7 @@
 
 import { useMemo } from "react";
 import Link from "next/link";
-import { Anchor, Button, Group, Text, ThemeIcon, Title } from "@mantine/core";
+import { Anchor, Button, Group, Text, Title, Tooltip } from "@mantine/core";
 import { IconCheck } from "@tabler/icons-react";
 import type { MRT_ColumnDef } from "mantine-react-table";
 import { MantineReactTable } from "mantine-react-table";
@@ -30,7 +30,7 @@ export const UserListComponent = ({ initialUserList, credentialsProviderEnabled
       {
         accessorKey: "name",
         header: t("user.field.username.label"),
-        grow: 100,
+        grow: 1,
         Cell: ({ renderedCellValue, row }) => (
           <Group>
             <UserAvatar size="sm" user={row.original} />
@@ -43,13 +43,14 @@ export const UserListComponent = ({ initialUserList, credentialsProviderEnabled
       {
         accessorKey: "email",
         header: t("user.field.email.label"),
+        size: 300,
         Cell: ({ renderedCellValue, row }) => (
-          <Group>
+          <Group wrap="nowrap" gap="sm">
             {row.original.email ? renderedCellValue : <Text>-</Text>}
             {row.original.emailVerified && (
-              <ThemeIcon radius="xl" size="sm">
-                <IconCheck size="1rem" />
-              </ThemeIcon>
+              <Tooltip label={t("user.field.email.verified")} position="top">
+                <IconCheck color="var(--mantine-color-green-4)" size="1rem" />
+              </Tooltip>
             )}
           </Group>
         ),
diff --git a/packages/translation/src/lang/en.ts b/packages/translation/src/lang/en.ts
index 6d6e88d0b..86d48b78b 100644
--- a/packages/translation/src/lang/en.ts
+++ b/packages/translation/src/lang/en.ts
@@ -24,6 +24,7 @@ export default {
     field: {
       email: {
         label: "E-Mail",
+        verified: "Verified",
       },
       username: {
         label: "Username",