diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html index 6b1c0b46337a..39e4a85caa15 100644 --- a/resources/views/pdf-designs/elegant.html +++ b/resources/views/pdf-designs/elegant.html @@ -2,6 +2,7 @@ :root { --primary-color: $primary_color; --secondary-color: $secondary_color; + --line-height: 1.6; } body { @@ -23,14 +24,14 @@ } .company-logo { - max-width: 65%; + max-width: 55%; + margin-left: auto; + margin-right: auto; + display: block; } .company-logo-wrapper { - display: flex; - flex-direction: row; - justify-content: center; - padding-bottom: 2.5rem; + padding-bottom: 60px; border-bottom: 4px solid; } @@ -39,12 +40,15 @@ } .client-entity-wrapper { - display: grid; - grid-template-columns: 1.8fr 1.2fr; + display: flex; margin-top: 3rem; - gap: 10px; + gap: 20px; + margin-left: 10px; + line-height: var(--line-height); } + #entity-details p { margin-right: 20px; margin-top: 5px; } + .client-entity-wrapper .wrapper-info-text { display: block; font-size: 1.5rem; @@ -56,6 +60,8 @@ grid-template-columns: 1fr 1fr; } + .text-with-client { margin-right: 15px; } + .client-entity-wrapper .wrapper-left-side #client-details, .client-entity-wrapper .wrapper-left-side #company-details, .client-entity-wrapper .wrapper-left-side #company-address { @@ -121,11 +127,18 @@ #product-table > tbody > tr > td, #delivery-note-table > tbody > tr > td, #task-table > tbody > tr > td { - border-bottom: 1px solid; - border-top: 1px solid; + border-bottom: 1pt solid; padding: 1rem; } + #product-table > tbody > tr:first-child > td, + #delivery-note-table > tbody > tr:first-child > td, + #task-table > tbody > tr:first-child > td { + border-top: 1pt solid !important; + padding: 1rem; + } + + #product-table > tbody > tr > td:last-child, #delivery-note-table > tbody > tr > td:last-child, #task-table > tbody > tr > td:last-child { @@ -236,24 +249,21 @@