diff --git a/static/designer.css b/static/designer.css index 3deb616..c14d6bc 100644 --- a/static/designer.css +++ b/static/designer.css @@ -66,30 +66,33 @@ display: flex; flex-direction: column; align-items: center; - overflow: auto; - max-height: 800px; + overflow-y: auto; + overflow-x: hidden; + max-height: 1123px; padding: 20px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); } -/* The actual A4 page */ +/* The actual A4 page - must be exactly 794x1123 */ .a4-page { - width: 794px; - height: 1123px; + width: 794px !important; + height: 1123px !important; background: white; position: relative; box-shadow: 0 4px 20px rgba(0,0,0,0.3); overflow: hidden; + flex-shrink: 0; } /* Gridstack overrides for the A4 canvas */ .a4-page .grid-stack { background: transparent; - width: 794px; - height: 1123px; - position: relative; + position: absolute !important; + top: 0; + left: 0; + width: 794px !important; } .a4-page .grid-stack-item {