realign strength display

client/scss/main.scss

@@ -120,9 +120,7 @@ $game-height: 800px;
   margin: 3px;
   height: 90px;
   overflow: hidden;
-  /*img {
-    height: 120px;
-  }*/
+
 
   i {
     display: block;
@@ -139,29 +137,32 @@ $game-height: 800px;
     font-size: 20px;
     color: black;
   }*/
-  .card-attr-positive {
-    color: #00b000;
+  .card-attr-positive span {
+    color: #00b000 !important;
   }
 
-  span {
-    color: #ff2d00;
-    font-weight: bold;
-    font-size: 16px;
+  .card-attr-power {
     position: absolute;
-    text-shadow: 1px 1px 1px #101010;
-    text-align: center;
-    //margin-top: 62px;
-    //margin-left: 3px;
+    margin-top: -3px;
+    margin-left: -4px;
     //margin-top: 2px;
     cursor: default;
-    //background: #ffffff;
-    //border-radius: 10px;
-    //padding: 2px;
     padding-top: 4px;
     //padding-left: -4px;
     height: 37px;
     width: 30px;
     background: url("../../assets/card_strength_border.png") no-repeat;
+
+    span {
+      color: #ff2d00;
+      text-shadow: 1px 1px 1px #101010;
+      text-align: center;
+      font-weight: bold;
+      font-size: 16px;
+      width: 30px;
+      display: block;
+      margin-left: -2px;
+    }
   }
 
   &.disabled {
@@ -305,6 +306,7 @@ $game-height: 800px;
   z-index: 200;
   width: 100%;
 }
+
 .notification {
   height: 0;
   margin-left: 250px;

client/templates/fieldCards.handlebars

@@ -1,6 +1,10 @@
 {{#each this}}
   <div class="card{{#if _disabled}} disabled{{/if}}" data-key="{{_key}}" data-id="{{_id}}">
-    {{#if diff}}<span class="card-attr-power {{#if diffPos}}card-attr-positive{{/if}}">{{power}}</span>{{/if}}
+    {{#if diff}}
+      <span class="card-attr-power {{#if diffPos}}card-attr-positive{{/if}}">
+        <span>{{power}}</span>
+      </span>
+    {{/if}}
     <i class="card-sm-{{_data.faction}} card-sm-{{_data.faction}}-{{_data.img}}"></i>
   </div>
 {{/each}}

server/Battle.js

@@ -62,6 +62,7 @@ var Battle = (function(){
     this.p2.draw(10);
 
 
+
     this.update();
 
 

server/CardManager.js

@@ -10,6 +10,7 @@ var CardManager = (function(){
      */
 
     this._id = 0;
+    this._cards = {};
   };
   var r = CardManager.prototype;
   /**
@@ -19,6 +20,7 @@ var CardManager = (function(){
    */
 
   r._id = null;
+  r._cards = null;
 
   r.create = function(key, owner) {
     return this._cards[this._id] = Card(key, owner, this._id++);