From a45c6f72e0409b060092a4ccaa4c9dd5491346e9 Mon Sep 17 00:00:00 2001
From: Juraj Michalek <juraj.michalek@ysoft.com>
Date: Tue, 30 Dec 2014 08:36:13 +0000
Subject: [PATCH] display word level with sufficient screen estate

---
 css/pexeso.css | 6 ++++++
 index.html     | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/pexeso.css b/css/pexeso.css
index 832361b..da63c0f 100644
--- a/css/pexeso.css
+++ b/css/pexeso.css
@@ -61,6 +61,12 @@ BODY, HTML {
 	float:right;
 }
 
+@media (max-width: 340px) {
+	#levelWord {
+		display: none;	
+	}
+}
+
 .textCard {
 	height: 100%;
 }
diff --git a/index.html b/index.html
index a71e7fa..3f29089 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
     <div id="navigationBar">
         <a class="navigationButton" ng-click="cancelLevel()">
             <i class="fa fa-arrow-left" ></i></a>
-        <div id="levelTitle">{{currentLevel.levelName}}</div>
+        <div id="levelTitle"><span id="levelWord">Level </span>{{currentLevel.levelName}}</div>
     </div>
 
     <div id="mainContent" ng-style="containerStyle">