diff --git a/src/PaymentPart/Output/HtmlOutput/Template/PaymentPartTemplate.php b/src/PaymentPart/Output/HtmlOutput/Template/PaymentPartTemplate.php index 8ae82fd..1063d6a 100644 --- a/src/PaymentPart/Output/HtmlOutput/Template/PaymentPartTemplate.php +++ b/src/PaymentPart/Output/HtmlOutput/Template/PaymentPartTemplate.php @@ -7,13 +7,13 @@ class PaymentPartTemplate public const TEMPLATE = << #qr-bill { - box-sizing: border-box; - border-collapse: collapse; - color: #000 !important; + box-sizing: border-box; + border-collapse: collapse; + color: #000 !important; } #qr-bill * { - font-family: Arial, Frutiger, Helvetica, "Liberation Sans" !important; + font-family: Arial, Frutiger, Helvetica, "Liberation Sans" !important; } #qr-bill img.qr-bill-placeholder { @@ -24,92 +24,93 @@ class PaymentPartTemplate text-align: center; font-size: 8pt !important; line-height: 9pt; - border-bottom: 0.75pt solid black; - height: 5mm; - vertical-align: middle; + border-bottom: 0.75pt solid black; + height: 5mm; + vertical-align: middle; } /* h1 / h2 */ #qr-bill h1 { - font-size: 11pt !important; - font-weight: bold !important; - margin: 0; - padding: 0; - height: 7mm; - color: #000 !important; + font-size: 11pt !important; + line-height: 13pt !important; + font-weight: bold !important; + margin: 0 !important; + padding: 0 !important; + height: 7mm !important; + color: #000 !important; } #qr-bill h2 { - font-weight: bold !important; - margin: 0; - padding: 0; - color: #000 !important; + font-weight: bold !important; + margin: 0 !important; + padding: 0 !important; + color: #000 !important; } #qr-bill-payment-part h2 { - font-size: 8pt !important; - line-height: 11pt !important; - margin-top: 11pt; - color: #000 !important; + font-size: 8pt !important; + line-height: 11pt !important; + margin-top: 11pt !important; + color: #000 !important; } #qr-bill-receipt h2 { - font-size: 6pt !important; - line-height: 8pt !important; - margin-top: 8pt; - color: #000 !important; + font-size: 6pt !important; + line-height: 8pt !important; + margin-top: 8pt !important; + color: #000 !important; } #qr-bill-payment-part h2:first-child, #qr-bill-receipt h2:first-child { - margin-top: 0; - color: #000 !important; + margin-top: 0 !important; + color: #000 !important; } /* p */ #qr-bill p { - font-weight: normal !important; - margin: 0; - padding: 0; - color: #000 !important; + font-weight: normal !important; + margin: 0 !important; + padding: 0 !important; + color: #000 !important; } #qr-bill-receipt p { - font-size: 8pt !important; - line-height: 9pt !important; - color: #000 !important; + font-size: 8pt !important; + line-height: 9pt !important; + color: #000 !important; } #qr-bill-payment-part p { - font-size: 10pt !important; - line-height: 11pt !important; - color: #000 !important; + font-size: 10pt !important; + line-height: 11pt !important; + color: #000 !important; } #qr-bill-amount-area-receipt p{ line-height: 11pt !important; - color: #000 !important; + color: #000 !important; } #qr-bill-amount-area p{ line-height: 13pt !important; - color: #000 !important; + color: #000 !important; } #qr-bill-payment-further-information p { font-size: 7pt !important; line-height: 9pt !important; - color: #000 !important; + color: #000 !important; } /* Receipt */ #qr-bill-receipt { box-sizing: border-box; width: 62mm; - border-right: 0.2mm solid black; - padding-left: 5mm; - padding-top: 5mm; - vertical-align: top; + border-right: 0.2mm solid black; + padding-left: 5mm; + padding-top: 5mm; + vertical-align: top; } #qr-bill-information-receipt { @@ -121,8 +122,8 @@ class PaymentPartTemplate } #qr-bill-currency-receipt { - float: left; - margin-right: 2mm; + float: left; + margin-right: 2mm; } #qr-bill-acceptance-point { @@ -141,10 +142,10 @@ class PaymentPartTemplate #qr-bill-payment-part { box-sizing: border-box; width: 148mm; - padding-left: 5mm; - padding-top: 5mm; - padding-right: 5mm; - vertical-align: top; + padding-left: 5mm; + padding-top: 5mm; + padding-right: 5mm; + vertical-align: top; } #qr-bill-payment-part-left { @@ -154,10 +155,10 @@ class PaymentPartTemplate } #qr-bill-swiss-qr-image { - width: 46mm; - height: 46mm; - margin: 5mm; - margin-left: 0; + width: 46mm; + height: 46mm; + margin: 5mm; + margin-left: 0; } #qr-bill-amount-area { @@ -165,8 +166,8 @@ class PaymentPartTemplate } #qr-bill-currency { - float: left; - margin-right: 2mm; + float: left; + margin-right: 2mm; } #qr-bill-payment-further-information { @@ -185,10 +186,10 @@ class PaymentPartTemplate {{ text.separate }} - - -

{{ text.receipt }}

-
+ + +

{{ text.receipt }}

+
{{ information-content-receipt }}
@@ -216,17 +217,17 @@ class PaymentPartTemplate {{ amount-content }}
- -
+
+
{{ information-content }}
-
-
- {{ further-information-content }} +
+
+ {{ further-information-content }}
- + EOT; } diff --git a/tests/TestData/HtmlOutput/qr-additional-information.svg.html b/tests/TestData/HtmlOutput/qr-additional-information.svg.html index a1ba1a4..0f011b8 100644 --- a/tests/TestData/HtmlOutput/qr-additional-information.svg.html +++ b/tests/TestData/HtmlOutput/qr-additional-information.svg.html @@ -1,12 +1,12 @@