generator/css/cards.css

@@ -238,7 +238,8 @@
 }
 
 .card-stats {
-    width: 100%
+    width: 100%;
+    font-size: 10pt;
 }
 
 .card-stats-header {

generator/data/card_data_example.js

@@ -17,7 +17,7 @@ var card_data_example = [
       "fill",
       "section | Abilities",
       "description | Brute| A melee weapon deals one extra die of its damage when the bugbear hits with it (included in the attack).",
-      "description | Surprise Attack | If the bugbear surprises a creature and hitsection | Actionss it with an attack during the first round of combat, the target takes an extra 7 (2d6) damage from the attack.",
+      "description | Surprise Attack | If the bugbear surprises a creature and hits it with an attack during the first round of combat, the target takes an extra 7 (2d6) damage from the attack.",
       "fill",
       "section | Actions",
       "description | Morningstar | Melee Weapon Attack: +4 to hit, reach 5 ft., one target. Hit: 11 (2d8 + 2) piercing damage.",

generator/js/cards.js

@@ -97,13 +97,20 @@ function card_element_icon(card_data, options) {
         classname = "inlineicon";
     }
 
-    var stats = card_data.stats?card_data_split_params(card_data.stats):[];
     var result = "";
-    result += '<div class="card-title-' + classname + '-container">';
-    result += '<img class="inline-logo" src="img/footprint.png">' + (stats[0]||"?");
-    result += '<img class="inline-logo" src="img/hearts.png">' + (stats[1]||"?");
-    result += '<img class="inline-logo" src="img/shield.png">' + (stats[2]||"?");
-    result += '</div>';
+    if(card_data.icon) {
+        result += '<div class="card-title-' + classname + '-container">';
+        result += '    <div class="card-title-' + classname + ' icon-' + icon + '">';
+        result += '    </div>';
+        result += '</div>';
+    } else {
+        var stats = card_data.stats?card_data_split_params(card_data.stats):[];
+        result += '<div class="card-title-' + classname + '-container">';
+        result += '<img class="inline-logo" src="img/footprint.png">' + (stats[0]||"?");
+        result += '<img class="inline-logo" src="img/hearts.png">' + (stats[1]||"?");
+        result += '<img class="inline-logo" src="img/shield.png">' + (stats[2]||"?");
+        result += '</div>';
+    }
     return result;
 }