From 4a86384dbb89871e2a276968b8f2512420cc9a5e Mon Sep 17 00:00:00 2001
From: Juraj Michalek <juraj.michalek@ysoft.com>
Date: Tue, 30 Dec 2014 17:43:55 +0000
Subject: [PATCH] fix layout for smaller displays

---
 css/level-selector.css | 9 ++++++++-
 css/pexeso.css         | 7 +++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/css/level-selector.css b/css/level-selector.css
index 6805944..6d14671 100644
--- a/css/level-selector.css
+++ b/css/level-selector.css
@@ -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 {
diff --git a/css/pexeso.css b/css/pexeso.css
index f4e66b6..93b0a06 100644
--- a/css/pexeso.css
+++ b/css/pexeso.css
@@ -156,6 +156,13 @@ BODY, HTML {
 	overflow: auto;
 }
 
+
+@media screen and (max-width: 340px) {
+	.info {
+		font-size: 0.8em;
+	}
+}
+
 .infoContent {
 	padding-left: 2em;
 }