diff --git a/app/imports/client/ui/creature/character/printedCharacterSheet/CharacterSheetPrinted.vue b/app/imports/client/ui/creature/character/printedCharacterSheet/CharacterSheetPrinted.vue index 61cc7628..c4e5e2ab 100644 --- a/app/imports/client/ui/creature/character/printedCharacterSheet/CharacterSheetPrinted.vue +++ b/app/imports/client/ui/creature/character/printedCharacterSheet/CharacterSheetPrinted.vue @@ -67,9 +67,13 @@ {{ creatureUrl }} - + @@ -263,8 +267,8 @@ export default { width: 100%; widows: 0; orphans: 0; - -webkit-column-fill: balance-all; - column-fill: balance-all; + column-fill: balance; + padding: 0; } .character-sheet-printed .column-layout { @@ -273,6 +277,8 @@ export default { .character-sheet-printed .column-layout>div { position:relative; + margin-top: 4px; + margin-bottom: 4px; } .character-sheet-printed .column-layout > div > * { page-break-inside: avoid; @@ -306,7 +312,8 @@ export default { .character-sheet-printed .double-border { position: relative; - padding: 11px 10px; + border-style: solid; + border-width: 11px 10px; border-image-source: url(/images/print/doubleLineImageBorder.png); border-image-slice: 110 126 fill; border-image-width: 16px; @@ -335,7 +342,7 @@ export default { .character-sheet-printed .stats .label { font-size: 10pt; - font-variant: small-caps; + font-variant: all-small-caps } .character-sheet-printed .label { @@ -349,6 +356,14 @@ export default { display: block; } +.character-sheet-printed .page-break-before { + page-break-before: always; +} + +.character-sheet-printed .avoid-page-break-after { + page-break-after: avoid; +} + @media screen { .character-sheet-printed { display: flex;