fix visual position grouping

test_data/RG004711.yaml

@@ -9,7 +9,6 @@ Positions:
     Quantity: 100
 
   - Title: "Aschlecken"
-    SubTitle: "Leistungszeitraum: 11/2022"
     PricePerUnit:  99.99
     Quantity: 12
 

test_data/templates/invoice.html

@@ -83,8 +83,8 @@
         }
 
         .positionen {
-            padding-top: 1mm;
-            padding-bottom: 1mm;
+            padding-top: 1pt;
+            padding-bottom: 1pt;
         }
 
         .links {
@@ -134,6 +134,14 @@
             margin-left: -.55cm;
         }
 
+        .position_top {
+            padding-top: 1pt;
+        }
+
+        .position_bottom {
+            padding-bottom: 1pt;
+        }
+
     </style>
 </head>
 
@@ -180,15 +188,18 @@
             <th class="rechts" style="width: 15%">Betrag</th>
         </tr>
         {% for position in invoice.Positions %}
-        <tr class="positionen">
-            <td class="links">{{ position.Title }}<br><span class="small">{{ position.SubTitle }}</span></td>
-            <td class="rechts">{{ format_float(position.Quantity | float) }}</td>
-            <td class="rechts">{{ format_float((position.PricePerUnit or invoice.PricePerUnit) | float) }}
+        <tr>
+            <td class="links position_top">{{ position.Title }}</td>
+            <td class="rechts" rowspan="2">{{ format_float(position.Quantity | float) }}</td>
+            <td class="rechts" rowspan="2">{{ format_float((position.PricePerUnit or invoice.PricePerUnit) | float) }}
             </td>
-            <td class="rechts">{{ format_float(position.Quantity * ( position.PricePerUnit or
+            <td class="rechts" rowspan="2">{{ format_float(position.Quantity * ( position.PricePerUnit or
                 invoice.PricePerUnit ))}}
             </td>
         </tr>
+        <tr>
+            <td class="links small position_bottom">{{ position.SubTitle }}</td>
+        </tr>
         {% endfor %}
         <tr class="summe">
             <td></td>