From a3e159a6a9b0a6def19f466e9f4b26ada42d81c4 Mon Sep 17 00:00:00 2001
From: Juraj Michalek <juraj.michalek@ysoft.com>
Date: Tue, 30 Dec 2014 11:07:09 +0000
Subject: [PATCH] add instructions how to play

---
 css/level-selector.css | 6 ++++++
 index.html             | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/css/level-selector.css b/css/level-selector.css
index 998eec7..7ee68e6 100644
--- a/css/level-selector.css
+++ b/css/level-selector.css
@@ -33,6 +33,7 @@
 #infoGraphics {
     width: 100%;
     text-align: center;
+    font-size: xx-large;
 }
 
 
@@ -44,3 +45,8 @@
     right: 0px;
     bottom: 0px;
 }
+
+
+.instructionGreen {
+    color: darkgreen;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 2bb1560..9e04d7b 100644
--- a/index.html
+++ b/index.html
@@ -37,11 +37,11 @@
     ng-show="isLevelSelectorVisible"
     >
     
-    <h2>How to play:</h2>
+    <h2 class="levelSelectorTitle">How to play</h2>
     <div id="infoGraphics">
-        <!--<img src="img/info.png"/>-->
+        <div><i class="fa fa-picture-o instructionGreen"></i> + <i class="fa fa-picture-o instructionGreen"></i> = <i class="fa fa-check-square-o instructionGreen"></i></div>
     </div>
-    <h2>Select level:</h2>
+    <h2 class="levelSelectorTitle">Select level</h2>
     <div ng-repeat="level in levelLock" class="levelItem {{level.state}}"  ng-click="startLevel(level.state, $index)">
         <div ng-show="level.state == 'unlocked'" >{{level.text}}</div>
         <div ng-show="level.state == 'locked'"><i class="fa fa-lock"></i></div>