From 8ba805f3fa6b9bde319d10c95239f512943a2856 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Sat, 21 Mar 2026 15:27:58 -0700
Subject: [PATCH] fix(rpubs): correct editor height to match shell layout (92px
 offset)

The editor used calc(100vh - 52px) but the shell has a 56px header +
36px tab row = 92px total. This pushed "Generate Preview" below the
fold. Also adds min-height on flipbook preview container.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 modules/rpubs/components/folk-pubs-editor.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/modules/rpubs/components/folk-pubs-editor.ts b/modules/rpubs/components/folk-pubs-editor.ts
index d82af88..f30eabf 100644
--- a/modules/rpubs/components/folk-pubs-editor.ts
+++ b/modules/rpubs/components/folk-pubs-editor.ts
@@ -782,7 +782,7 @@ export class FolkPubsEditor extends HTMLElement {
 		return `<style>
 			:host {
 				display: block;
-				height: calc(100vh - 52px);
+				height: calc(100vh - 92px);
 				background: var(--rs-bg-page);
 				color: var(--rs-text-primary);
 			}
@@ -1114,7 +1114,7 @@ export class FolkPubsEditor extends HTMLElement {
 				align-items: center;
 				justify-content: center;
 				padding: 1rem;
-				min-height: 0;
+				min-height: 300px;
 				overflow: auto;
 			}
 
@@ -1182,8 +1182,8 @@ export class FolkPubsEditor extends HTMLElement {
 
 			/* ── Responsive ── */
 
-			@media (max-width: 768px) {
-				:host { height: auto; min-height: calc(100vh - 92px); }
+			@media (max-width: 640px) {
+				:host { height: auto; min-height: calc(100vh - 56px); }
 				.editor-toolbar { gap: 0.5rem; }
 				.toolbar-left { flex-direction: column; gap: 0.375rem; }
 				.title-input, .author-input { max-width: 100%; flex: 1; }