From 747d56fdebceafcf720f39ff8018df7873ecff03 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Mon, 3 Aug 2020 21:35:02 +0200
Subject: [PATCH] style: match list component

---
 src/components/MatchList.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/MatchList.tsx b/src/components/MatchList.tsx
index cf249df..88495fd 100644
--- a/src/components/MatchList.tsx
+++ b/src/components/MatchList.tsx
@@ -1,5 +1,5 @@
 import React, { FC } from "react";
-import { Container } from "@material-ui/core";
+import { Container, Grid } from "@material-ui/core";
 
 import { withGame, IGameState } from "../store/GameProvider";
 
@@ -11,9 +11,13 @@ const MatchList: FC<IGameState> = ({ games, loading }) =>
     <Loader />
   ) : (
     <Container>
-      {games.map((game, i) => (
-        <MatchItem key={i} {...game} id={i} />
-      ))}
+      <Grid container justify="center" spacing={3}>
+        {games.map((game, i) => (
+          <Grid key={i} item xs={3}>
+            <MatchItem {...game} id={i} />
+          </Grid>
+        ))}
+      </Grid>
     </Container>
   );