From e2697eab0678f785dc157616b25f8a231adbff1c Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Tue, 4 Nov 2025 19:40:03 +0000
Subject: [PATCH] fix: remove white frame wrapper and stack pages vertically

- Changed .cv-container from flex to block layout
- Made .cv-container full width (100%) instead of max 1200px
- Removed .cv-paper grid layout (was conflicting with .cv-page grids)
- Made .cv-paper transparent with no shadow (each page has its own)
- Pages now stack vertically one after another
- Removed white frame container that was wrapping both pages

Each .cv-page now displays independently with proper spacing.
---
 static/css/main.css | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 25157bd..08f1e2e 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -175,24 +175,21 @@ a:hover {
 /* Main CV Container */
 .cv-container {
     width: 100%;
-    max-width: 1200px;
+    max-width: 100%; /* Full width to accommodate pages */
     margin: 0 auto;
     padding: 100px 0 0 0; /* Top padding to prevent sticky action bar overlap */
-    display: flex;
-    flex-direction: column;
+    display: block; /* Changed from flex */
 }
 
-/* CV Paper - Two-column layout with shadow */
+/* CV Paper - Container for two-page layout */
 .cv-paper {
     width: 100%;
-    background: var(--paper-white);
-    box-shadow: 0 0 30px rgba(0,0,0,0.4);
+    background: transparent; /* Remove white background - each page has its own */
+    box-shadow: none; /* Remove shadow - each page has its own */
     margin: 0;
     position: relative;
-    display: grid;
-    grid-template-columns: 300px 1fr;
-    grid-template-rows: auto 1fr;
-    min-height: 100vh;
+    display: block; /* Changed from grid to block for stacking pages */
+    min-height: auto; /* Changed from 100vh */
 }
 
 /* Page break helpers */