diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html index 590aea888b..342dde036d 100644 --- a/resources/views/pdf-designs/creative.html +++ b/resources/views/pdf-designs/creative.html @@ -46,7 +46,7 @@ grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; justify-content:left; - gap: 20px; + gap: 0px; line-height: var(--line-height); } @@ -55,16 +55,16 @@ float:right; } - ,logo-wrapper { + .logo-wrapper { grid-area: e; align-content: right; - border:1px solid #000; + margin-left: 1rem; } #entity-details { width: 100%; white-space: nowrap; - margin-right: 3rem; + text-align: right; } #entity-details p { @@ -91,40 +91,61 @@ .header-wrapper .company-info-wrapper > * { margin-bottom: 1rem; grid-row-end: 4; + margin-left: 1rem; } .entity-label-wrapper { - display: grid; - grid-template-columns: 3fr 1fr; - margin-top: 1rem; + display: flex; + align-items: center; + width: 100%; + overflow: hidden; + box-sizing: border-box; + justify-content: space-between; + margin-top:1rem; + margin-bottom:1rem; + + } + + .entity-label { + display: flex; + } + + .entity-label h4 { + margin-top:0rem; + margin-bottom:0rem; + } + .entity-details-wrapper { + flex-shrink: 0; } .entity-label-wrapper .entity-label > * { font-size: 3rem; + } .entity-label-wrapper .entity-label > *:first-child { text-transform: uppercase; + white-space: nowrap; } .entity-label-wrapper .entity-label > *:last-child { color: var(--primary-color); font-style: italic; - } - - .entity-label-wrapper #entity-details { - text-align: left; + } #shipping-details { display: $show_shipping_address; flex-direction: column; line-height: var(--line-height) !important; + margin-left: 1rem; } .entity-label-wrapper #entity-details > tr, .entity-label-wrapper #entity-details th { font-weight: normal; + line-height: var(--line-height); + padding-left: 1rem; } [data-ref="table"] { @@ -136,7 +157,7 @@ [data-ref="table"]:not(:empty) { border-top: 5px solid var(--primary-color); - margin-top: 3rem; + margin-top: 1rem; } .task-time-details { @@ -385,10 +406,10 @@