fix level complete style

css/pexeso.css

@@ -11,8 +11,9 @@ BODY, HTML {
 	font-family: Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	border-radius: 4px;
-	
+	padding-top: 0;
 }
+
 .buttonStyle {
 	border-radius: 4px;
 	border: thin solid #F0E020;
@@ -81,7 +82,7 @@ BODY, HTML {
     background:rgba(0,0,0,0.7);
     text-align: center;
     color: white;
-    height: 10em;
+    height: 100%;
 }
 
 #congratulation {
@@ -126,4 +127,8 @@ BODY, HTML {
 
 .instructionSymbols {
 	padding-top: 2em;
+}
+
+.signature {
+	padding-bottom: 2em;
 }

index.html

@@ -97,9 +97,12 @@
             <a class="levelButton" id="replayButton" ng-click="restartLevel()" ng-hide="isFinalScreenVisible"><i class="fa fa-repeat"></i> Play again</a>
             <a class="levelButton" id="nextButton" ng-click="nextLevel()" ng-hide="isFinalScreenVisible"><i class="fa fa-arrow-right" ></i> Next level</a>
         </div>
-        <div class="levelCompleteButtons">
-            <a class="levelButton" id="webButton" ng-click="openUrl('http://www.ysofters.com/2014/12/30/pf2015')" ng-show="isFinalScreenVisible">
+        <div class="levelCompleteButtons" ng-show="isFinalScreenVisible">
+            <div>Wishing you all the best this New Year!</div>
+            <div class="signature"> - Juraj</div>
+            <div><a class="levelButton" id="webButton" ng-click="openUrl('http://www.ysofters.com/2014/12/30/pf2015')">
                 <i class="fa fa-thumbs-up" ></i> Visit PF 2015 website</a>
+            </div>
         </div>
     </div>
 </div>

js/pexeso-controller.js

@@ -317,7 +317,7 @@ angular.module('app', ['angular-flippy', 'level-selector', 'level-complete'])
         $scope.containerStyle = {
             "max-width": (cardSize + 20) * cardsPerRow  + "px",
             "padding-left": paddingLeft + "px",
-            "padding-top": paddingTop + "px"
+            "margin-top": paddingTop + "px"
         };
     };