CSS tweaks

generator/css/card-size.css

@@ -54,6 +54,10 @@ page[size="Letter"] {
     min-width:2.25in;
     height:3.5in;
 }
+.card-size-225x35 .card-back-icon {
+    width: 1in;
+    height: 1in;
+}
 
 /* Poker / Magic card size */
 .card-size-25x35 {
@@ -61,6 +65,10 @@ page[size="Letter"] {
     min-width:2.5in;
     height:3.5in;
 }
+.card-size-25x35 .card-back-icon {
+    width: 1in;
+    height: 1in;
+}
 
 /* Poker / Magic card size */
 .card-size-35x50 {
@@ -68,6 +76,10 @@ page[size="Letter"] {
     min-width:3.5in;
     height:5.0in;
 }
+.card-size-35x50 .card-back-icon {
+    width: 1.5in;
+    height: 1.5in;
+}
 
 /* Landscape big card */
 .card-size-75x50 {
@@ -75,6 +87,10 @@ page[size="Letter"] {
     min-width:7.5in;
     height:5.0in;
 }
+.card-size-75x50 .card-back-icon {
+    width: 2in;
+    height: 2in;
+}
 
 .page[size="A4"] .card-size-full3x3 {
     width:69mm;

generator/css/cards.css

@@ -26,13 +26,13 @@
     background-color: white;
     border-radius: 4mm;
     border-color: inherit;
-    margin: 2mm;
+    margin: 1mm;
     flex: 1;
     display: flex;
 }
 
 .card-back-inner {
-    margin: 2mm;
+    margin: 3mm;
     border: 1mm solid;
     border-color: inherit;
     border-radius: 4mm;
@@ -45,8 +45,8 @@
 }
 
 .card-back-icon {
-    width: 30mm;
-    height: 30mm;
+    width: 1in;
+    height: 1in;
     border: 4mm solid;
     border-color: inherit;
     border-radius: 4mm;
@@ -130,7 +130,7 @@
 .card-subtitle {
     height: 18px;
     line-height: 18px;
-    margin-bottom: 1mm;
+    margin-bottom: 0.0em;
     font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
     font-size: 10pt;
     font-style: italic;
@@ -163,13 +163,15 @@
 }
 
 .card-p {
-    margin-top: 0.0em;
-    margin-bottom: 0.5em;
-    font-size: inherit;
+
 }
 
 .card-fill {flex:1;}
 
+.card-ruler + .card-description-line {
+    margin-top: 0.5em;
+}
+
 .card-description-line {
     margin-bottom: 0.5em;
     font-size: inherit;
@@ -178,6 +180,10 @@
 .card-description-name {
     display: inline;
     font-size: inherit;
+    font-style: italic;
+}
+.card-description-name::after {
+    content: ".";
 }
 .card-description-text {
     display: inline;
@@ -186,8 +192,8 @@
 .card-ruler {
     width: 100%;
     height: 1.0mm;
-    margin-top: 0.5em;
-    margin-bottom: 0.2em;
+    margin-top: 0.3em;
+    margin-bottom: 0.3em;
 }
 
 .card-bullet-line {

generator/js/cards.js

@@ -137,6 +137,10 @@ function card_element_unknown(params, card_data, options) {
     return '<div>Unknown element: ' + params.join('<br />') + '</div>';
 }
 
+function card_element_empty(params, card_data, options) {
+    return '';
+}
+
 var card_element_generators = {
     subtitle: card_element_subtitle,
     property: card_element_property,
@@ -146,7 +150,8 @@ var card_element_generators = {
     text: card_element_text,
     bullet: card_element_bullet,
     fill: card_element_fill,
-    section: card_element_section
+    section: card_element_section,
+    disabled: card_element_empty
 };
 
 // ============================================================================