fix level title overflow and math card overflow

index.html

@@ -48,11 +48,9 @@
 <!-- Game board -->
 <div ng-controller="PexesoController" ng-show="isLevelVisible">
     <div id="navigationBar">
-        <div>
-            <a class="navigationButton" ng-click="cancelLevel()">
-                <i class="fa fa-arrow-left" ></i></a>
-                <span id="levelTitle">Level {{currentLevel.levelName}}</span>
-        </div>
+        <a class="navigationButton" ng-click="cancelLevel()">
+            <i class="fa fa-arrow-left" ></i></a>
+        <div id="levelTitle">{{currentLevel.levelName}}</div>
     </div>
 
     <div id="mainContent" ng-style="containerStyle">

js/level-data-service.js

@@ -116,7 +116,7 @@ var mathCards = {
     'ten': {
         'arabic': '10',
         'roman': 'X',
-        'math': '4*2+2',
+        'math': '5*2',
         'japanese': '十'
     }
 };

js/pexeso-controller.js

@@ -58,7 +58,7 @@ angular.module('app', ['angular-flippy', 'level-selector', 'level-complete'])
             cardSet: basicCards,
             cardTypes: ['picture', 'picture', 'picture', 'picture'] 
         }, {
-            levelName: "04: Simple Math",
+            levelName: "04: Math",
             totalCards: 4*4,
             cardsPerRow: 4,
             chainLength: 2,