updates

client/js/client.js

@@ -77,7 +77,7 @@ var App = Backbone.Router.extend({
 var SideView = Backbone.View.extend({
   el: ".container",
   template: require("../templates/cards.handlebars"),
-  templateCards: require("../templates/multipleCards.handlebars"),
+  templateCards: require("../templates/fieldCards.handlebars"),
   initialize: function(options){
     var self = this;
     this.side = options.side;

client/scss/main.scss

@@ -109,12 +109,27 @@ $game-height: 800px;
   img {
     height: 120px;
   }
-  span {
+
+  /*.card-attr-power {
+    margin-top: 0px;
+    margin-left: 0px;
+    height: 25px;
+    width: 25px;
+    text-align: center;
+    line-height: 25px;
+    font-size: 20px;
+    color: black;
+  }*/
+  .card-attr-positive {
     color: #00b000;
+  }
+
+  span {
+    color: #ff2d00;
     font-weight: bold;
     font-size: 20px;
     position: absolute;
-    text-shadow: 1px 1px #101010;
+    text-shadow: 1px 1px 0px #101010;
     margin-top: 62px;
     margin-left: 0px;
     cursor: default;

client/templates/fieldCards.handlebars

@@ -1,6 +1,7 @@
 {{#each this}}
   <div class="card{{#if _disabled}} disabled{{/if}}" data-key="{{_key}}" data-id="{{_id}}">
-    {{#if boost}}<span>+{{boost}}</span>{{/if}}
+    {{#if diff}}<span class="card-attr-power {{#if diffPos}}card-attr-positive{{/if}}">{{diff}}</span>{{/if}}
+    <!--{{#if boost}}<span>+{{boost}}</span>{{/if}}-->
     <img src="../assets/cards/{{_data.img}}.png">
   </div>
 {{/each}}