diff --git a/static/css/main.css b/static/css/main.css index 30724a3..51ae731 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -2165,11 +2165,11 @@ a:focus { border-bottom: none !important; } -/* ========== Menu Controls & Actions (Mobile) ========== */ -/* Hidden by default, shown only on mobile (< 900px) */ +/* ========== Menu Controls & Actions (Always Visible) ========== */ +/* Always visible in hamburger menu at all screen sizes */ .menu-controls-section, .menu-actions-section { - display: none; + display: block; padding: 0.5rem 1.5rem 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } diff --git a/static/css/print.css b/static/css/print.css index 6b8f3b1..b8186dd 100644 --- a/static/css/print.css +++ b/static/css/print.css @@ -192,20 +192,30 @@ } /* =================================== - HEADER - Reduced Spacing + HEADER - Reduced Spacing with Desktop Layout =================================== */ .cv-header { page-break-after: avoid; margin-bottom: 8mm !important; /* Reduced from 15mm */ } + /* Override mobile layout - use positioned layout for print */ .cv-header-content { - gap: 1.5rem !important; + display: block !important; /* Use block instead of flex */ + position: relative !important; + } + + .cv-header-left { + display: block !important; + position: static !important; + padding-right: 130px !important; /* Make room for bigger photo on the right */ + text-align: right !important; /* Right-align name and years */ } .cv-name { font-size: 20pt; margin-bottom: 4pt; + text-align: right !important; /* Override mobile center alignment */ } .cv-title { @@ -215,19 +225,25 @@ .years-experience, .cv-experience-years { font-size: 10pt; + text-align: right !important; /* Override mobile center alignment */ } /* =================================== - PHOTO - FIXED ASPECT RATIO (3:4 Portrait) + PHOTO - FIXED ASPECT RATIO (3:4 Portrait) - RIGHT SIDE =================================== */ .cv-photo { - width: 90px !important; - height: 120px !important; /* Maintains 3:4 ratio */ + width: 110px !important; /* Increased from 90px */ + height: 147px !important; /* Maintains 3:4 ratio (110 * 1.33) */ object-fit: contain !important; /* Show full photo, no crop */ border: none !important; /* Remove border */ box-shadow: none !important; - margin: 0px 0px 20px 20px !important; page-break-inside: avoid; + /* Position photo to the right */ + position: absolute !important; + top: 0 !important; + right: 0 !important; + margin: 10px 0 0 0!important; + max-width: none !important; } .cv-photo img { @@ -236,13 +252,15 @@ object-fit: contain !important; } - /* =================================== - INTRO TEXT - =================================== */ + /* Intro text should be justified and below name/years */ .intro-text { - font-size: 9pt; - line-height: 1.5; + font-size: 9pt !important; + line-height: 1.5 !important; + text-align: justify !important; /* Justified text for print */ margin-top: 3mm !important; + width: 100% !important; + padding-right: 0 !important; /* Intro text extends full width below photo */ + text-align-last: left !important; /* Last line left-aligned */ } /* =================================== @@ -453,6 +471,13 @@ .education-item { margin-bottom: 3mm; + font-size: 9pt !important; /* Match body text size (equivalent to 0.95rem) */ + line-height: 1.5 !important; + } + + .education-item strong { + font-size: 9pt !important; /* Ensure degree title matches body text */ + font-weight: 600 !important; } /* =================================== diff --git a/templates/index.html b/templates/index.html index 5c1f27b..64d9e6f 100644 --- a/templates/index.html +++ b/templates/index.html @@ -169,14 +169,13 @@
- + +