@@ -35,7 +35,7 @@ const getUrl = (gameId) => {
const PlayerList = ({ playerNames }) => (
<div className={styles.players}>
- <span>Players</span>
+ <span className={styles.playersTitle}>Players</span>
<ul>{playerNames.map((name) => <li key={name}>{name}</li>)}</ul>
</div>
);
@@ -46,6 +46,10 @@
padding-left: 1rem;
}
+.playersTitle {
+ margin-top: 10px;
+}
+
.join {
display: flex;
flex-flow: column nowrap;