hanafuda/server
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

Attempt to center things a little

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

20
www/game.css
View file

@ -27,7 +27,6 @@
border: 1px solid #555; border: 1px solid #555;
width: 4.5em; width: 4.5em;
height: 7em; height: 7em;
max-height: 10%;
float: left; float: left;
margin: 0.5em; margin: 0.5em;
} }
@ -114,13 +113,26 @@
#game ul { #game ul {
display: inline-block; display: inline-block;
margin-left: 3em; margin: 0 0 0 3.5em;
padding: 0; padding: 0;
float: right; 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 { #them .card, #you .card {
margin-left: -3em; margin-left: -3.5em;
} }
#game #you .hand { #game #you .hand {
@ -129,5 +141,5 @@
} }
#you .hand .card { #you .hand .card {
margin-left: 0.5em; margin: 0.5em 0.1em;
} }