|
@@ -13,19 +13,20 @@ import GameCreationForm from '../../util/GameCreationForm';
|
|
|
const Container = styled.div`
|
|
const Container = styled.div`
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-flow: column nowrap;
|
|
flex-flow: column nowrap;
|
|
|
- justify-content: space-around;
|
|
|
|
|
|
|
+ justify-content: space-between;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
`
|
|
`
|
|
|
|
|
|
|
|
const ScoreBoard = styled.div`
|
|
const ScoreBoard = styled.div`
|
|
|
|
|
+ flex: 2;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-flow: row wrap;
|
|
flex-flow: row wrap;
|
|
|
justify-content: space-evenly;
|
|
justify-content: space-evenly;
|
|
|
align-items: flex-start;
|
|
align-items: flex-start;
|
|
|
align-content: space-around;
|
|
align-content: space-around;
|
|
|
max-width: 80%;
|
|
max-width: 80%;
|
|
|
- margin-top: 10%;
|
|
|
|
|
|
|
+ margin-top: 2em;
|
|
|
`
|
|
`
|
|
|
|
|
|
|
|
const LowerContainer = styled.div`
|
|
const LowerContainer = styled.div`
|
