display: flex;
flex-direction: column;
overflow: hidden;
- font-size: 3vw;
+ font-size: 3vh;
}
.game-list-outside > input {
width: 100%;
- height: 4vw;
+ height: 4vh;
font-size: inherit;
}
.game-list-outside > button {
- height: 10vw;
+ height: 10vh;
width: 100%;
font-size: inherit;
}
grid-column: 2 / 3;
grid-row: 2 / 3;
background-color: skyblue;
- border-radius: 2vw;
- padding: 4vw;
- font-size: 3vw;
+ border-radius: 2vh;
+ padding: 4vh;
+ font-size: 3vh;
}
.game-popup > table {
border-collapse: collapse;
width: 100%;
- height: calc(100% - 4vw);
+ height: calc(100% - 10vh);
}
.game-popup > table.TexasHoldEm tr.game-field {
.game-popup > button {
width: 100%;
- font-size: 4vw;
+ font-size: 4vh;
}
@keyframes new-game {
.game-summary {
border: 1px solid grey;
border-top: none;
+ height: 10vh;
font-family: sans;
cursor: pointer;
background-color: #ffffff;