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;