match cards h2h margins

src/features/matches/components/match-list.tsx

@@ -1,4 +1,4 @@
-import { Stack, Text } from "@mantine/core";
+import { MantineSpacing, Stack, Text } from "@mantine/core";
 import { useMemo } from "react";
 import { Match } from "../types";
 import MatchCard from "./match-card";
@@ -7,9 +7,10 @@ import { Trans } from "@lingui/react/macro";
 interface MatchListProps {
   matches: Match[];
   hideH2H?: boolean;
+  p?: MantineSpacing;
 }
 
-const MatchList = ({ matches, hideH2H = false }: MatchListProps) => {
+const MatchList = ({ matches, hideH2H = false, p = "md" }: MatchListProps) => {
   const filteredMatches = useMemo(
     () =>
       [...(matches ?? [])]
@@ -27,7 +28,7 @@ const MatchList = ({ matches, hideH2H = false }: MatchListProps) => {
   const isRegional = filteredMatches[0]?.tournament?.regional;
 
   return (
-    <Stack p="md" gap="sm">
+    <Stack p={p} gap="sm">
       {isRegional && (
         <Text size="xs" c="dimmed" ta="center" px="md">
           <Trans>Matches for regionals are unordered</Trans>

src/features/matches/components/team-head-to-head-sheet.tsx

@@ -200,10 +200,10 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
       </Stack>
 
       <Stack gap="xs">
-        <Text size="sm" fw={600} px="md">
+        <Text size="sm" fw={600}>
           <Trans>Match History (<Plural value={totalMatches} one="# match" other="# matches" />)</Trans>
         </Text>
-        <MatchList matches={matches} hideH2H />
+        <MatchList matches={matches} hideH2H p={0} />
       </Stack>
     </Stack>
   );

src/features/players/components/player-head-to-head-sheet.tsx

@@ -260,10 +260,10 @@ const PlayerHeadToHeadContent = ({
       </Stack>
 
       <Stack gap="xs">
-        <Text size="sm" fw={600} px="md">
+        <Text size="sm" fw={600}>
           <Trans>Match History ({totalMatches})</Trans>
         </Text>
-        <MatchList matches={matches} hideH2H />
+        <MatchList matches={matches} hideH2H p={0} />
       </Stack>
     </Stack>
   );

src/locales/de/messages.po

@@ -1621,7 +1621,7 @@ msgstr "Match gestartet!"
 msgid "Matches"
 msgstr "Matches"
 
-#: src/features/matches/components/match-list.tsx:33
+#: src/features/matches/components/match-list.tsx:34
 msgid "Matches for regionals are unordered"
 msgstr "Matches für Regionals sind ungeordnet"
 

src/locales/en/messages.po

@@ -1621,7 +1621,7 @@ msgstr "Match started!"
 msgid "Matches"
 msgstr "Matches"
 
-#: src/features/matches/components/match-list.tsx:33
+#: src/features/matches/components/match-list.tsx:34
 msgid "Matches for regionals are unordered"
 msgstr "Matches for regionals are unordered"
 

src/locales/es/messages.po

@@ -1621,7 +1621,7 @@ msgstr "¡Empezó el partido!"
 msgid "Matches"
 msgstr "Partidos"
 
-#: src/features/matches/components/match-list.tsx:33
+#: src/features/matches/components/match-list.tsx:34
 msgid "Matches for regionals are unordered"
 msgstr "Los partidos de regionales no tienen un orden específico"
 

src/locales/ja/messages.po

@@ -1621,7 +1621,7 @@ msgstr "試合開始!"
 msgid "Matches"
 msgstr "試合"
 
-#: src/features/matches/components/match-list.tsx:33
+#: src/features/matches/components/match-list.tsx:34
 msgid "Matches for regionals are unordered"
 msgstr "地区予選の試合は順不同です"