diff --git a/app/features/sendouq/q.css b/app/features/sendouq/q.css index 7de7b95db..be82b8096 100644 --- a/app/features/sendouq/q.css +++ b/app/features/sendouq/q.css @@ -142,9 +142,13 @@ gap: var(--s-4); } -.q-match__weapon-grid-item { - width: 32px; - height: 32px; +.q-match__report__user-name-container { + display: flex; + gap: var(--s-2); + width: 175px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } @media screen and (min-width: 480px) { diff --git a/app/features/sendouq/routes/q.match.$id.tsx b/app/features/sendouq/routes/q.match.$id.tsx index 7bee8d7fa..43a3fdf61 100644 --- a/app/features/sendouq/routes/q.match.$id.tsx +++ b/app/features/sendouq/routes/q.match.$id.tsx @@ -78,6 +78,7 @@ import { addPlayerResults } from "../queries/addPlayerResults.server"; import { resolveRoomPass } from "~/features/tournament-bracket/tournament-bracket-utils"; import { FormWithConfirm } from "~/components/FormWithConfirm"; import { addDummySkill } from "../queries/addDummySkill.server"; +import { inGameNameWithoutDiscriminator } from "~/utils/strings"; export const links: LinksFunction = () => { return [{ rel: "stylesheet", href: styles }]; @@ -593,7 +594,7 @@ function AfterMatchActions({ name="weapons" value={JSON.stringify(weaponsUsage)} /> -