fix layout for smaller displays

This commit is contained in:
Juraj Michalek
2014-12-30 17:43:55 +00:00
parent 5659ff118e
commit 4a86384dbb
2 changed files with 15 additions and 1 deletions

View File

@@ -21,6 +21,13 @@
background:rgba(0,0,0,0.5);
}
@media screen and (max-width: 340px) {
.levelItem {
width: 2em;
height: 1.4em;
}
}
.locked {
padding-top: 0.3em;
padding-bottom: 0.8em;
@@ -44,7 +51,7 @@
left: 0px;
right: 0px;
bottom: 0px;
font-size: 4em;
font-size: 3em;
}
.badge {

View File

@@ -156,6 +156,13 @@ BODY, HTML {
overflow: auto;
}
@media screen and (max-width: 340px) {
.info {
font-size: 0.8em;
}
}
.infoContent {
padding-left: 2em;
}