feat: improved layout for participant form

templates/booking/_participant_form.html.twig

@@ -234,6 +234,10 @@
         {% if form.assignedRoomId is defined or is_static_text('assignedRoomId', bookingDto, participantIndex) %}
             {% set assignedRoom = bookingDto.travel.getRoomById(form.vars.data.participant.assignedRoomId) %}
             {% set roomLabel = assignedRoom ? assignedRoom.label : 'Kein Zimmer zugewiesen' %}
+            <hr>
+            <h3 class="font-semibold text-lg mb-4">
+                Unterkunft
+            </h3>
             <div class="grid lg:grid-cols-2 lg:gap-x-8">
                 {{ macros.field_or_static(form, 'assignedRoomId', 'Zimmer', roomLabel, bookingDto, participantIndex, {
                     'attr': {
@@ -247,10 +251,14 @@
                     {{ form_row(form.remarksRoom) }}
                 {% endif %}
             </div>
+            <hr>
         {% endif %}
 
         {# Service selection #}
         {% if isEligible %}
+            <h3 class="font-semibold text-lg mb-4">
+                Leistungen
+            </h3>
             {{ macros.service_field(form, 'skiPass', 'Skipass', {
                 'attr': {
                     'hx-trigger': 'change',
@@ -330,7 +338,7 @@
             </div>
 
             {% if form.bodyDimensions is defined %}
-                <div class="grid lg:grid-cols-3 lg:gap-x-4">
+                <div class="grid lg:grid-cols-3 lg:gap-x-4 pb-4">
                     {{ form_row(form.bodyDimensions.height) }}
                     {{ form_row(form.bodyDimensions.shoeSize) }}
                     {{ form_row(form.bodyDimensions.weight) }}
@@ -468,8 +476,12 @@
                 {% endif %}
             {% endif %}
 
+            <hr>
+
             {# Transportation Services Section #}
-            <h3 class="font-semibold text-lg mb-4">Anreise</h3>
+            <h3 class="font-semibold text-lg mb-4">
+                Anreise
+            </h3>
             {% if form.transportationOutbound is defined %}
                 <div class="pb-4">
                     <fieldset class="border border-primary-bg">
@@ -526,6 +538,7 @@
 
         {# Voucher fields - available for all participants regardless of eligibility #}
         {% if form.purchaseVoucherCode is defined or form.promoVoucherCode is defined %}
+            <hr>
             <h3 class="font-semibold text-lg mb-4">
                 Gutscheine
             </h3>