wip

generator/components/card-fill.html

@@ -1,6 +1,6 @@
 <template id="card-fill">
     <style id="style">
-        :host {flex: 1;}
+        :host {width:100%; flex: 1;}
     </style>
 
 </template>
@@ -21,7 +21,7 @@
 
                 var root = this.shadowRoot;
                 var style = root.getElementById("style");
-                style.innerHTML = ":host{flex:"+value+"}"
+                style.innerHTML = ":host{width:100%;flex:"+value+"}"
             }
         });
         proto.createdCallback = function () {

generator/js/card.ts

@@ -709,8 +709,8 @@ module RpgCards {
             result += '    background: rgb(204, 204, 204);\n';
             result += '}\n';
             result += 'card-page {\n';
-            result += '    width: ' + (page_box.width_px - 2) + 'px;\n';
-            result += '    height: ' + (page_box.height_px - 2) + 'px;\n';
+            result += '    width: ' + (page_box.width_px) + 'px;\n';
+            result += '    height: ' + (page_box.height_px) + 'px;\n';
             result += '}\n';
             result += '@media print {\n';
             result += '   html, body {\n';