adjust spacing on fullscreen

Hunter
Wednesday, February 4th, 2026 at 5:40 PM


README.md+5-1


resources/editor.css+1-1


resources/editor.js+1-1


resources/spread-layout.js+2-1
README.md
  -# What if you could hold a website?
1 +# If you have a printer, you're a publisher
2 +Use HTML to make print-at-home zines from the comfort of your web browser.
3 +
4 +
5 +
6  open ```zine.html``` in your web browser (or <a href="https://hunterirving.github.io/zine.html/zines/zine.html/">click here</a>) then use ```⌘``` + ```P``` to print an 8-page mini zine to one sheet of 8.5 x 11" legal paper.
7  
8  <a href="https://hunterirving.github.io/zine.html/zines/zine.html/"><img src="resources/readme_images/zine-layout.png"></a>
resources/editor.css
298  
299  
300  /* Compact height: fullscreen editor */
    -@media (max-height: 200px) {
301 +@media (max-height: 270px) {
302  	.preview-pane {
303  		display: none;
304  	}
resources/editor.js
113  
114  	// Exit fullscreen when viewport is too short (matches CSS @media max-height: 200px)
115  	window.addEventListener('resize', function() {
    -		if (getIsFullscreen() && window.innerHeight <= 200) {
116 +		if (getIsFullscreen() && window.innerHeight <= 270) {
117  			toggleFullscreen();
118  			updatePreviewWrapper();
119  		}
resources/spread-layout.js
70  	const spreadHeightPx = bookContainer.offsetHeight;
71  	if (spreadWidthPx === 0 || spreadHeightPx === 0) return;
72  	const scaleX = (vw - 40) / spreadWidthPx;
   -	const scaleY = (vh - 134) / spreadHeightPx;
73 +	const verticalPadding = vh <= 630 ? 40 : 130;
74 +	const scaleY = (vh - verticalPadding) / spreadHeightPx;
75  	const scale = Math.min(scaleX, scaleY);
76  
77  	// Use CSS zoom for high-resolution rendering instead of transform scale