From 975ebffe2785b59a55b74114040980765a696177 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Thu, 9 Apr 2020 11:54:40 +1000
Subject: [PATCH] Change add party member and nickname modal to match stream

---
 src/components/AddPartyMemberButton.js | 11 +++++++++--
 src/components/ChangeNicknameButton.js |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/AddPartyMemberButton.js b/src/components/AddPartyMemberButton.js
index 4b93d79..af8a28b 100644
--- a/src/components/AddPartyMemberButton.js
+++ b/src/components/AddPartyMemberButton.js
@@ -33,11 +33,18 @@ function AddPartyMemberButton({ gameId }) {
       </IconButton>
       <Modal isOpen={isAddModalOpen} onRequestClose={closeModal}>
         <Box>
-          <Label p={2}>Other people can join using your ID</Label>
+          <Label pt={2} pb={1}>
+            Invite players
+          </Label>
+          <Text as="p" mb={2} variant="caption">
+            Other people can join using the game ID
+          </Text>
           <Box p={2} bg="hsla(230, 20%, 0%, 20%)">
             <Text>{gameId}</Text>
           </Box>
-          <Label p={2}>Or by using this link</Label>
+          <Text as="p" my={2} variant="caption">
+            Or by using this link
+          </Text>
           <Box p={2} bg="hsla(230, 20%, 0%, 20%)">
             <Text>{window.location.href}</Text>
           </Box>
diff --git a/src/components/ChangeNicknameButton.js b/src/components/ChangeNicknameButton.js
index c04a939..29b13c5 100644
--- a/src/components/ChangeNicknameButton.js
+++ b/src/components/ChangeNicknameButton.js
@@ -43,7 +43,7 @@ function ChangeNicknameButton({ nickname, onChange }) {
       </IconButton>
       <Modal isOpen={isChangeModalOpen} onRequestClose={closeModal}>
         <Box as="form" onSubmit={handleChangeSubmit}>
-          <Label p={2} htmlFor="nicknameChange">
+          <Label py={2} htmlFor="nicknameChange">
             Change your nickname
           </Label>
           <Input