From a754fc0282886a43e949ed2dbb16de6d0c6ed480 Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Fri, 11 Sep 2026 11:53:27 -0700
Subject: [PATCH] match cards h2h margins

---
 src/features/matches/components/match-list.tsx             | 7 ++++---
 .../matches/components/team-head-to-head-sheet.tsx         | 4 ++--
 .../players/components/player-head-to-head-sheet.tsx       | 4 ++--
 src/locales/de/messages.po                                 | 2 +-
 src/locales/en/messages.po                                 | 2 +-
 src/locales/es/messages.po                                 | 2 +-
 src/locales/ja/messages.po                                 | 2 +-
 7 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/features/matches/components/match-list.tsx b/src/features/matches/components/match-list.tsx
index fc1982b..0d56e7e 100644
--- a/src/features/matches/components/match-list.tsx
+++ b/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>
diff --git a/src/features/matches/components/team-head-to-head-sheet.tsx b/src/features/matches/components/team-head-to-head-sheet.tsx
index f343c02..174ace8 100644
--- a/src/features/matches/components/team-head-to-head-sheet.tsx
+++ b/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>
   );
diff --git a/src/features/players/components/player-head-to-head-sheet.tsx b/src/features/players/components/player-head-to-head-sheet.tsx
index 07c2755..b2615df 100644
--- a/src/features/players/components/player-head-to-head-sheet.tsx
+++ b/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>
   );
diff --git a/src/locales/de/messages.po b/src/locales/de/messages.po
index deb0256..fc777a0 100644
--- a/src/locales/de/messages.po
+++ b/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"
 
diff --git a/src/locales/en/messages.po b/src/locales/en/messages.po
index 01f1dfd..4a3e797 100644
--- a/src/locales/en/messages.po
+++ b/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"
 
diff --git a/src/locales/es/messages.po b/src/locales/es/messages.po
index e1e4804..accdb6a 100644
--- a/src/locales/es/messages.po
+++ b/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"
 
diff --git a/src/locales/ja/messages.po b/src/locales/ja/messages.po
index 8411f93..b279fdb 100644
--- a/src/locales/ja/messages.po
+++ b/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 "地区予選の試合は順不同です"