improve(orion): optimize validation result cover layout

This commit is contained in:
Schubert Ferenc 2026-07-12 13:03:19 +02:00
parent 9a90a4938e
commit 068d00513d
3 changed files with 27 additions and 23 deletions

View file

@ -135,7 +135,6 @@ body {
.cover-page { .cover-page {
page: cover; page: cover;
min-height: 238mm;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
@ -149,9 +148,9 @@ body {
.cover-top { .cover-top {
align-items: flex-start; align-items: flex-start;
display: grid; display: grid;
gap: 18mm; gap: 14mm;
grid-template-columns: 1fr 55mm; grid-template-columns: 1fr 55mm;
margin-bottom: 14mm; margin-bottom: 8mm;
} }
.cover-logo { .cover-logo {
@ -162,8 +161,8 @@ body {
.company-address { .company-address {
color: #6B7C85; color: #6B7C85;
font-size: 9pt; font-size: 8.5pt;
line-height: 1.5; line-height: 1.35;
text-align: right; text-align: right;
} }
@ -178,34 +177,39 @@ body {
h1 { h1 {
color: #2E3B40; color: #2E3B40;
font-size: 30pt; font-size: 28pt;
line-height: 1.05; line-height: 1.05;
margin: 0 0 5mm 0; margin: 0 0 3mm 0;
} }
.cover-subtitle { .cover-subtitle {
color: #4F6A74; color: #4F6A74;
font-size: 14pt; font-size: 12.5pt;
margin: 0 0 6mm 0; margin: 0 0 3mm 0;
} }
.cover-page .definition-row { .cover-page .definition-row {
grid-template-columns: 36mm 1fr; grid-template-columns: 36mm 1fr;
padding: 1.2mm 0; padding: .65mm 0;
}
.cover-page .definition-list {
font-size: 9.4pt;
line-height: 1.25;
} }
.cover-closing { .cover-closing {
break-inside: avoid; break-inside: avoid;
margin-top: 5mm; margin-top: 1.5mm;
page-break-inside: avoid; page-break-inside: avoid;
} }
.result-box { .result-box {
border: .8mm solid #8A9498; border: .65mm solid #8A9498;
border-radius: 2mm; border-radius: 1.5mm;
break-inside: avoid; break-inside: avoid;
margin: 6mm 0; margin: 4mm 0;
padding: 5mm 7mm; padding: 3mm 6mm;
page-break-inside: avoid; page-break-inside: avoid;
text-align: center; text-align: center;
width: 100%; width: 100%;
@ -213,10 +217,10 @@ h1 {
.result-box__label { .result-box__label {
color: #4F5E63; color: #4F5E63;
font-size: 9pt; font-size: 8.4pt;
font-weight: 700; font-weight: 700;
letter-spacing: .06em; letter-spacing: .06em;
margin-bottom: 2.5mm; margin-bottom: 1.2mm;
} }
.result-box__value { .result-box__value {
@ -225,12 +229,12 @@ h1 {
} }
.result-box--cover { .result-box--cover {
margin: 0 0 7mm 0; margin: 0 0 2.5mm 0;
padding: 4.5mm 7mm; padding: 2.8mm 6mm;
} }
.result-box--cover .result-box__value { .result-box--cover .result-box__value {
font-size: 21pt; font-size: 18.5pt;
text-transform: uppercase; text-transform: uppercase;
} }
@ -270,7 +274,7 @@ h1 {
.signature-block { .signature-block {
break-inside: avoid; break-inside: avoid;
color: #6B7C85; color: #6B7C85;
margin-top: 6mm; margin-top: 2.5mm;
page-break-inside: avoid; page-break-inside: avoid;
width: 82mm; width: 82mm;
} }
@ -278,12 +282,12 @@ h1 {
.signature-line { .signature-line {
border-top: 1px solid #6B7C85; border-top: 1px solid #6B7C85;
height: 0; height: 0;
margin-bottom: 2.5mm; margin-bottom: 1.5mm;
width: 82mm; width: 82mm;
} }
.signature-label { .signature-label {
font-size: 9pt; font-size: 8.5pt;
} }
.chapter { .chapter {