mark
/
msos
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Route report print: comfortable sizing filling one page, keep key links 

Reverts the over-compacted tiny/top-heavy print. Uses readable sizes (12px base, 22px title), centered header, and keeps the Key pages block so the report fills one A4 page nicely while still fitting on a single page; blocks keep page-break-inside:avoid.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskik 2026-07-31 13:38:08 +02:00
parent 4caccf3ad7
commit 39899e38c4
1 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
css/pages/_guide.css
View File

@ -979,27 +979,28 @@
top: 0; top: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 12mm 14mm; padding: 15mm 16mm;
border: none; border: none;
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
font-size: 10.5px; font-size: 12px;
} }
.no-print, .route-links-block { display: none !important; } .no-print { display: none !important; }
/* Compact header as a row to save vertical space */ .route-report-head { padding-bottom: 14px; margin-bottom: 16px; gap: 10px; }
.route-report-head { flex-direction: row; align-items: center; text-align: left; gap: 12px; padding-bottom: 8px; margin-bottom: 10px; } .route-report-logo { height: 42px; }
.route-report-logo { height: 34px; } .route-report h1 { font-size: 22px; }
.route-report h1 { font-size: 17px; } .route-report-date { font-size: 11px; }
.route-report-date { font-size: 9px; margin-top: 2px; } .route-report-intro { font-size: 12px; line-height: 18px; margin: 0 0 6px; }
.route-report-intro { font-size: 10.5px; line-height: 15px; margin: 0 0 4px; } .route-report h2 { font-size: 14px; margin: 16px 0 8px; page-break-after: avoid; }
.route-report h2 { font-size: 12px; margin: 11px 0 5px; page-break-after: avoid; } .route-chips { gap: 8px; page-break-inside: avoid; }
.route-chips { gap: 5px; margin: 3px 0; page-break-inside: avoid; } .route-chip { padding: 7px 11px; }
.route-chip { min-width: 0; padding: 4px 8px; } .route-chip span { font-size: 9px; }
.route-chip span { font-size: 7.5px; } .route-chip strong { font-size: 12px; }
.route-chip strong { font-size: 10px; } .route-steps li { padding: 8px 0 8px 32px; line-height: 18px; page-break-inside: avoid; }
.route-steps li { padding: 5px 0 5px 26px; line-height: 14px; page-break-inside: avoid; } .route-steps li::before { width: 22px; height: 22px; font-size: 11px; top: 7px; }
.route-steps li::before { width: 18px; height: 18px; font-size: 9px; top: 5px; } .route-focus li { padding: 5px 0 5px 20px; line-height: 18px; page-break-inside: avoid; }
.route-focus li { padding: 3px 0 3px 16px; line-height: 14px; page-break-inside: avoid; } .route-focus li::before { top: 12px; }
.route-focus li::before { top: 10px; } .route-links { gap: 6px; page-break-inside: avoid; }
.route-disclaimer { margin: 11px 0 0; padding: 8px 10px; font-size: 9px; line-height: 13px; page-break-inside: avoid; } .route-links a { padding: 5px 9px; font-size: 11px; }
.route-disclaimer { margin: 14px 0 0; padding: 11px 13px; font-size: 10.5px; line-height: 15px; page-break-inside: avoid; }
} }