From 66f2b1e733b6072e04b28150fb1e113b03ead7bb Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 15 Jan 2021 17:13:29 +0200
Subject: [PATCH] adjust margins

---
 components/t/CreateNewTeamModal.tsx | 2 +-
 pages/t/index.tsx                   | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/t/CreateNewTeamModal.tsx b/components/t/CreateNewTeamModal.tsx
index d2a238cbf..bc46c5957 100644
--- a/components/t/CreateNewTeamModal.tsx
+++ b/components/t/CreateNewTeamModal.tsx
@@ -47,7 +47,7 @@ const CreateNewTeamModal = () => {
 
   return (
     <>
-      <Button onClick={() => setIsOpen(true)}>
+      <Button onClick={() => setIsOpen(true)} mb={6}>
         <Trans>New team</Trans>
       </Button>
       {isOpen && (
diff --git a/pages/t/index.tsx b/pages/t/index.tsx
index f0fc8909c..c016913bd 100644
--- a/pages/t/index.tsx
+++ b/pages/t/index.tsx
@@ -106,17 +106,19 @@ const TeamsPage: React.FC<Props> = ({ teams }) => {
             <Flex align="center">
               {team.twitterName && (
                 <MyLink href={`/t/${team.nameForUrl}`} isColored={false}>
-                  <TwitterAvatar twitterName={team.twitterName} />
+                  <TwitterAvatar mr={2} twitterName={team.twitterName} />
                 </MyLink>
               )}
               <MyLink href={`/t/${team.nameForUrl}`} isColored={false}>
-                <Box ml={2} fontSize="2rem" fontWeight="bold">
+                <Box fontSize="2rem" fontWeight="bold">
                   {team.name}
                 </Box>
               </MyLink>
 
               <Box ml={2}>
-                {team.countries.map((country) => getEmojiFlag(country))}
+                {team.countries
+                  .map((country) => getEmojiFlag(country))
+                  .join("  ")}
               </Box>
             </Flex>
             <Box color={gray} fontSize="sm" mt={2}>