esoko/mapguesser
esoko/mapguesser
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

Merged in feature/MAPG-39-improve-controllability-mainly-on-mobile- (pull request #23)

Browse Source 
MAPG-39 increase spaces between elements
This commit is contained in:
Bence Pőcze 2020-05-21 13:11:13 +00:00
commit d7fbb717bc
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/static/css/mapguesser.css
View File

@ -66,11 +66,11 @@ div.buttonContainer {
}
div.buttonContainer.top {
margin-bottom: 5px;
margin-bottom: 10px;
}
div.buttonContainer.bottom {
margin-top: 5px;
margin-top: 10px;
}
#loading {
@ -92,7 +92,7 @@ div.buttonContainer.bottom {
#guess {
position: absolute;
bottom: 20px;
bottom: 30px;
right: 20px;
z-index: 2;
}
@ -162,7 +162,7 @@ div.buttonContainer.bottom {
#showGuessButtonContainer {
position: absolute;
left: 20px;
bottom: 20px;
bottom: 30px;
right: 20px;
z-index: 2;
}
@ -175,14 +175,14 @@ div.buttonContainer.bottom {
}
#guessMap {
height: calc(100% - 80px);
height: calc(100% - 90px);
}
#result {
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
bottom: 30px;
}
#scoreBarBase {
@ -197,14 +197,14 @@ div.buttonContainer.bottom {
#guess {
width: 500px;
height: 350px;
height: 375px;
opacity: 0.95;
}
#guess.adapt {
top: initial;
width: 250px;
height: 175px;
height: 200px;
opacity: 0.5;
transition-property: width, height, opacity;
transition-duration: 0.1s;
@ -213,7 +213,7 @@ div.buttonContainer.bottom {
#guess.adapt:hover {
width: 500px;
height: 350px;
height: 375px;
opacity: 0.95;
transition-delay: 0s;
}
@ -223,7 +223,7 @@ div.buttonContainer.bottom {
}
#guessMap {
height: calc(100% - 40px);
height: calc(100% - 45px);
}
#result {
@ -237,7 +237,7 @@ div.buttonContainer.bottom {
width: 60%;
}
@media screen and (max-height: 389px) {
@media screen and (max-height: 424px) {
#guess {
top: 20px;
height: initial;