Attempt to center things a little

This commit is contained in:
Sasha 2018-05-26 11:11:38 +02:00
parent c5b9b0b170
commit b62ca896ea
1 changed files with 16 additions and 4 deletions

View File

@ -27,7 +27,6 @@
border: 1px solid #555;
width: 4.5em;
height: 7em;
max-height: 10%;
float: left;
margin: 0.5em;
}
@ -114,13 +113,26 @@
#game ul {
display: inline-block;
margin-left: 3em;
margin: 0 0 0 3.5em;
padding: 0;
float: right;
position: relative;
top: 50%;
transform: translateY(-50%);
}
#game ul#river {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
margin-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#them .card, #you .card {
margin-left: -3em;
margin-left: -3.5em;
}
#game #you .hand {
@ -129,5 +141,5 @@
}
#you .hand .card {
margin-left: 0.5em;
margin: 0.5em 0.1em;
}