diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx
index e3ab31742..d22428f21 100644
--- a/client/homebrew/brewRenderer/brewRenderer.jsx
+++ b/client/homebrew/brewRenderer/brewRenderer.jsx
@@ -130,8 +130,14 @@ const BrewRenderer = createClass({
renderPage : function(pageText, index){
if(this.props.renderer == 'legacy')
return
;
- else
- return ;
+ else {
+ pageText += `\n\\column\n `; //Artificial column break at page end to emulate column-fill:auto (until `wide` is used, when column-fill:balance will reappear)
+ return (
+
+ );
+ }
},
renderPages : function(){
diff --git a/client/homebrew/brewRenderer/brewRenderer.less b/client/homebrew/brewRenderer/brewRenderer.less
index abb80fc5f..8cd8b751c 100644
--- a/client/homebrew/brewRenderer/brewRenderer.less
+++ b/client/homebrew/brewRenderer/brewRenderer.less
@@ -11,6 +11,12 @@
margin-left : auto;
box-shadow : 1px 4px 14px #000;
}
+ &>.pageWrapper{
+ margin-right : auto;
+ margin-bottom : 30px;
+ margin-left : auto;
+ box-shadow : 1px 4px 14px #000;
+ }
}
}
.pane{
diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less
index 82c7c7dff..eaf69023a 100644
--- a/themes/5ePhb.style.less
+++ b/themes/5ePhb.style.less
@@ -46,8 +46,7 @@ body {
-webkit-column-gap : 0.9cm;
-moz-column-gap : 0.9cm;
}
-.page{
- .useColumns();
+.pageWrapper{
counter-increment : phb-page-numbers;
position : relative;
z-index : 15;
@@ -55,9 +54,13 @@ body {
overflow : hidden;
height : 279.4mm;
width : 215.9mm;
- padding : 1.4cm 1.9cm 1.7cm;
background-color : @background;
background-image : @backgroundImage;
+}
+.page{
+ .useColumns();
+ max-height : 100%;
+ padding : 1.4cm 1.9cm 1.7cm;
font-family : BookInsanityRemake;
font-size : 0.34cm;
text-rendering : optimizeLegibility;