Skip to content

Fix 3-page resume print layout: preserve desktop styles with technology badges visible #46

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

Fix 3-page resume print layout: preserve desktop styles with technology badges visible #46

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
4dde9b4
Initial plan
Copilot Apr 17, 2026
ceab2f5
Fix resume print page breaks: hide technology badges in print to rest…
Copilot Apr 17, 2026
5eac935
Show technology badges in print with tighter spacing to preserve 2-pa…
Copilot Apr 18, 2026
81fec7c
Fix print overflow: set explicit font-size on job-title and job-respo…
Copilot Apr 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 31 additions & 8 deletions app/resume/resume.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -745,6 +745,19 @@
display: none; /* Hide the print button during printing */
}

.technologies-menu {
font-size: 8px;
letter-spacing: 0.8px;
line-height: 1.1;
margin: 0;
}

.body-section-slim .technologies-menu {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.footer,
.footer2 {
display: none; /* Hide footer2 during printing */
Expand Down Expand Up @@ -877,29 +890,34 @@
}

.body-header {
font-size: 30px;
margin-top: 18px;
margin-bottom: 10px;
font-size: 28px;
margin-top: 12px;
margin-bottom: 6px;
}

.work-experience-list {
border-bottom: unset;
padding-top: 14px;
gap: 10px;
padding-top: 8px;
gap: 6px;
}

.company-name {
font-size: 15px;
}

.job-title {
font-size: 12px;
}

.job-responsibilities {
margin: 0;
padding: 6px 0 0 18px;
padding: 2px 0 0 16px;
}

.job-responsibilities li {
margin-bottom: 3px;
line-height: 1.3;
font-size: 11px;
margin-bottom: 1px;
line-height: 1.25;
}

.subsection-title {
Expand Down Expand Up @@ -944,6 +962,11 @@
page-break-inside: auto;
}

.section-header-left,
.section-header-left-column {
gap: 2px;
}

.footer-section .footer-sub-section {
padding-top: 10px;
padding-bottom: 0;
Expand Down