[TASK] Optimize Card layouts

Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html

@@ -42,13 +42,15 @@
                     </div>
                     <div class="col-md-4 col-sm-6 col-xs-12 d-flex flex-column gap-8">
                         <div class="card shadow-small border-top text-bg-light">
-                            <div class="card-body">
+                            <div class="card-header">
                                 <h3 class="card-title h4">
                                     <f:format.raw>
                                         <f:translate key="frontend.overview" />
                                     </f:format.raw>
                                 </h3>
-                                <ul class="pt-4">
+                            </div>
+                            <div class="card-body">
+                                <ul>
                                     <li>
                                         <f:format.raw>
                                             <f:translate key="frontend.jobStart" />
@@ -100,14 +102,16 @@
                             </div>
                         </div>
                         <div class="card shadow-small border-top text-bg-light">
-                            <div class="card-body">
+                            <div class="card-header">
                                 <h3 class="card-title h4">
                                     <f:format.raw>
                                         <f:translate key="frontend.jobApplyNow" />
                                     </f:format.raw>
                                 </h3>
+                            </div>
+                            <div class="card-body">
                                 <f:if condition="!{job.hideApplyByPostal}">
-                                    <p class="pt-4">
+                                    <p>
                                         <f:format.raw><f:translate key="frontend.job.via.post" /></f:format.raw><br>
                                         {job.firstCompany.name}<br>
                                         <f:if condition="{job.contact}">
@@ -506,11 +510,13 @@
 
 <f:section name="contactBox">
     <div class="card shadow-small border-top text-bg-light">
-        <div class="card-header pt-0">
-            <p class="h4">
+        <div class="card-header">
+            <h3 class="card-title h4">
                 <f:translate key="frontend.apply.contact" />
-            </p>
-            <p class="mb-0">
+            </h3>
+		</div>
+        <div class="card-body">
+            <p class="mb-0 fw-bolder">
                 {contact.title} {contact.firstName} {contact.lastName}
             </p>
             <f:if condition="{contact.phone}">