wip

generator/components/card-fill.html

 <template id="card-fill">
     <style id="style">
-        :host {flex: 1;}
+        :host {width:100%; flex: 1;}
     </style>
 
 </template>
 
                 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

             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';